Scrollbars for Select

I am working on a cell with a select element and supposedly would have scrollbars (horizontal and vertical) appearing if needed.

I have this code:

 <div style="border:solid; border-width:1px; overflow:auto ; width:135px; 
  height:40px" align="left">
<select name="selSubscriberList" style="border:none; min-width:145px; height: 30px;" </select>

My porblem here is, aside from the vertical scrollbar that the div generates, the input select also has its vertical scrol开发者_开发知识库l. So when I slide the horizontal scroll to far right, the vertical scroll of select shows.

How do I get around on this. Quite frustrating. :(

thank, tinks

What you need to do is to control the behavior of your elements (div, select) if an overflow occurs (that means the content is bigger than the element itself). Try this:

<div style="overflow: visible; border: solid; border-width:1px; width:135px; height:40px" align="left">
    <select name="selSubscriberList" style="overflow: auto; border:none; min-width:145px; height: 30px;">