title: How to get horizontal scroll bar in select box in IE?
body: <p>I try to implement the following code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="functionitem" id="selector_cat"&gt;
    &lt;select name="sets" style="overflow:auto;width:100px;"&gt;
      &lt;option value="general"&gt;happy holiday&lt;/option&gt;
      &lt;option value="garden"&gt;Garden&lt;/option&gt;
      &lt;option value="Lunch"&gt;Lunch&lt;/option&gt;
      &lt;option value="nice day"&gt;A nice day out with my friend on the beach&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The right part of the 4th option menu is missing, Can anyone tell me make the horizontal scroll work in the IE, if not, is there any other ways that could get it work, thank you!</p>
  
  <p>sorry for any confusion, what i want is that a horizontal scroll bar in the drop down box, I want it fixed width 100px; but I want to display the whole content, I assume user can scroll to the right if they want to see the whole sentence in the drop down select box,</p>