title: Select list scroll to a specific option element
body: <p>I have a select box with years. First option is empty. When I click on select list I want scrollbar to scroll automaticaly down . I've tried with scrollTop but it's working only in FireFox.</p>
  
  <p>Ex:</p>
  
  <pre><code>&lt;select id="mySelect"&gt;
  &lt;option selected="selected" value=""&gt;&lt;/option&gt;
  &lt;option value="1911"&gt;1911&lt;/option&gt;
  &lt;option value="1912"&gt;1912&lt;/option&gt;
  &lt;option value="1913"&gt;1913&lt;/option&gt;
  &lt;option value="1914"&gt;1914&lt;/option&gt;
  &lt;option value="1915"&gt;1915&lt;/option&gt;
  &lt;option value="1916"&gt;1916&lt;/option&gt;
  &lt;option value="1917"&gt;1917&lt;/option&gt;
  &lt;option value="1918"&gt;1918&lt;/option&gt;
  &lt;option value="1919"&gt;1919&lt;/option&gt;
  &lt;option value="1920"&gt;1920&lt;/option&gt;
  &lt;option value="1921"&gt;1921&lt;/option&gt;
  &lt;option value="1922"&gt;1922&lt;/option&gt;
  ...
  
  &lt;/select&gt;
  </code></pre>