title: horizontal scroll bar in select box is not working
body: <p>Trying to add horizontal scroll bar in select box. Some of the items of the select box have large text and I can't see that. So i tried to add css class as follows: </p>
  
  <pre><code>.selector_box{
      overflow:auto;
  }
  
  &lt;div class="label_input"&gt;
      &lt;%= f.label(:sample, "Books *", :class =&gt; 'label_required_field') %&gt;
      &lt;%= f.collection_select(:sample, @books.all, :id, :name, {:multiple =&gt; true, :class =&gt; 'selector_box'} )%&gt;
  &lt;/div&gt;        
  </code></pre>
  
  <p>The above code is not working for me and not finding a way to set a horizontal scroll bar. So how do i add a horizontal scroll bar to select box with auto re-sizing? </p>