title: scrollable drop down list
body: <p>I am trying to figure this out. Here is the sample code</p>
  
  <pre><code>&lt;select&gt;
  &lt;option value="1"&gt;1&lt;/option&gt;
  &lt;option value="2"&gt;2&lt;/option&gt;
  &lt;option value="3"&gt;3&lt;/option&gt;
  &lt;option value="4"&gt;4&lt;/option&gt;
  &lt;option value="5"&gt;5&lt;/option&gt;
  &lt;option value="6"&gt;6&lt;/option&gt;
  &lt;option value="7"&gt;7&lt;/option&gt;
  &lt;option value="8"&gt;8&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>How do you make this scrollable? Say you want it to only show 3 options, scrollable to the last one and still a drop down menu. Many have suggested using the <code>attr "size"</code> that comes with <code>&lt;select&gt;</code>. That will give out scrollable effect but not what I have in mind. </p>
  
  <p>So is this even possible? I have been researching the forum, and many suggested to use <code>&lt;div&gt;</code> tag with style <code>overflow auto</code>. But I am just wondering if it is possible to create scrollable drop down menu. </p>
  
  <p>Thanks in advance.</p>