title: Horizontal scrollbar not working on select tag
body: <p>I am trying to set the horizontal scrollbars on a select tag which is not working.</p>
  
  <p>Here's the code:</p>
  
  <pre><code>  &lt;select style="height: 250px; width: 300px; overflow: auto;" 
    id="dnn_ctr459_ManageRelatedProducts_lstFrom" multiple="multiple"   
    name="dnn$ctr459$ManageRelatedProducts$lstFrom" class="selectList" size="4"&gt;
       &lt;option value="9"&gt;33 Uithoeke&lt;/option&gt;
       &lt;option value="10"&gt;Aantekeninge by Koos Prinsloo&lt;/option&gt;
       &lt;option value="11"&gt;Aantekeninge by Koos Prinsloo (enhanced e-book)&lt;/option&gt;
       &lt;option value="12"&gt;Access to Social Security&lt;/option&gt;
       &lt;option value="13"&gt;Angling for Interpretation&lt;/option&gt;
    &lt;/select&gt;
  
  .selectList 
  {
     height: 250px;
     overflow: auto;
     width: 300px;
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/bxtSf.jpg" alt="enter image description here"></p>
  
  <p>Matt's solution results in this: 
  <img src="https://i.stack.imgur.com/B69sf.jpg" alt="enter image description here"></p>
  
  <p>Final result in FF<img src="https://i.stack.imgur.com/c8BTp.jpg" alt="enter image description here"></p>
  
  <p>Final result in IE, thanks to Matt!<img src="https://i.stack.imgur.com/EEjya.jpg" alt="enter image description here"></p>