html - overflow-x CSS が firefox/IE で機能しない

Question

以下のコードがあります

.textareaclasswide{ border:solid 1px #7f9db9; width:460px; height:150px;
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;overflow-x:auto;  
}



</f:verbatim>
<h:selectManyListbox id="availableProducts" value="#{addSubscriptionsBean.selAvailableProducts}" styleClass="textareaclasswide">
<s:selectItems value="#{addSubscriptionsBean.availableProducts}"var="product" itemLabel="#{product.productDisplayName}" itemValue="#{product.productCode}" />
</h:selectManyListbox>
<f:verbatim>

私はselectManyListboxを使用していますが、垂直スクロールバーは正常に動作していますが、水平スクロールバーのcssにoverflow-xを含めている場合、クロムでは動作しますがIE/FIREFOXでは動作しません

助けてください