水平滚动条不适用于选择标签

我正在尝试在不起作用的选择标签上设置水平滚动条。

这是代码：

  <select style="height: 250px; width: 300px; overflow: auto;" 
  id="dnn_ctr459_ManageRelatedProducts_lstFrom" multiple="multiple"   
  name="dnn$ctr459$ManageRelatedProducts$lstFrom" class="selectList" size="4">
     <option value="9">33 Uithoeke</option>
     <option value="10">Aantekeninge by Koos Prinsloo</option>
     <option value="11">Aantekeninge by Koos Prinsloo (enhanced e-book)</option>
     <option value="12">Access to Social Security</option>
     <option value="13">Angling for Interpretation</option>
  </select>

.selectList 
{
   height: 250px;
   overflow: auto;
   width: 300px;
}

Matt's solution results in this:

Final result in FF

Final result in IE, thanks to Matt!

不确定你是否可以做到这一点，但你总是可以通过在选择周围放置一个 div 并在其上设置宽度和水平滚动来欺骗它看起来像这样。取自这里 http://bytes.com/topic/html-css/answers/512276-horizontal-scroll-bars-select-box.