title: html select scroll bar
body: <p>how do you add a scroll bar to the html select box? is there any javascript library that emulate this behavior?</p>
  
  <p>or is there anyway to redesign, the interface I have 2 select box, items can be shifted to the right select box via >> &amp; &lt;&lt;  Filezilla, norton commander, total commander kind of interface where items can be shifted left and right... (question is how to redesign to see the overflow words in the fixed width select box) </p>
  
  <p>from <a href="http://www.webdeveloper.com/forum/showthread.php?t=7797" rel="noreferrer">this forum post</a>, pointing to another <a href="http://www.vladdy.net/tests/lbie.html" rel="noreferrer">example</a>, the sample code will overlay using div to show the additional text, but it requires the user to hover on the options. not really the solution I am looking for, though I will use it for the time being. </p>
  
  <pre><code>&lt;html&gt;
  
  &lt;body&gt;
  &lt;table&gt;
  &lt;tr&gt;&lt;td&gt;
  &lt;select size="4" id="mySelect" style="width:65px;color:#f98ad3;"&gt;
      &lt;option value="1" selected&gt;option 1 The Long Option&lt;/option&gt;
      &lt;option value="2"&gt;option 2&lt;/option&gt;
      &lt;option value="3"&gt;option 3&lt;/option&gt;
      &lt;option value="4"&gt;option 4&lt;/option&gt;
      &lt;option value="5"&gt;option 5 Another Longer than the Long Option ;)&lt;/option&gt;
      &lt;option value="6"&gt;option 6&lt;/option&gt;
  &lt;/select&gt;
  &lt;/td&gt;
  &lt;td&gt;
  &lt;input type="button" value="&gt;&gt;"/&gt;&lt;br&gt;
  &lt;input type="button" value="&lt;&lt;"/&gt;
  &lt;/td&gt;
  &lt;td&gt;
  &lt;select size="4" id="mySelect" style="width:65px;color:#f98ad3;"&gt;
      &lt;option value="1" selected&gt;option 1 The Long Option&lt;/option&gt;
      &lt;option value="2"&gt;option 2&lt;/option&gt;
      &lt;option value="3"&gt;option 3&lt;/option&gt;
      &lt;option value="4"&gt;option 4&lt;/option&gt;
      &lt;option value="5"&gt;option 5 Another Longer than the Long Option ;)&lt;/option&gt;
      &lt;option value="6"&gt;option 6&lt;/option&gt;
  &lt;/select&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>the target browser is MSIE. from the above code, the user cant see 'option 1 The long Option' etc... and each option supposed to have up to a maximum of 200char.</p>