title: Select box option-list appears off the page in Chrome
body: <p>I have created a <code>select</code> list using PHP, and when clicking on it to select an option from the drop down the option list jumps to the top of the page showing about 3 options, and the rest are off the page.</p>
  
  <p>It only happens in Chrome. Is there a way to fix this using CSS?</p>
  
  <p>Here's the relevant code:</p>
  
  <h3>HTML</h3>
  
  <pre class="lang-html prettyprint-override"><code>&lt;tr&gt;
      &lt;td&gt;&lt;label&gt;Manufacturer&lt;/label&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;select id="prodManufacturer" class="validate[required]" name="prodManufacturer"&gt;
              &lt;?php foreach($aAllManufacturer as $aManufacturer){ ?&gt; 
                  &lt;option value="&lt;?php echo $aManufacturer['prod_manufacturer_id']; ?&gt;"&gt;
                      &lt;?php echo $aManufacturer['prod_manufacturer_name']; ?&gt;&lt;/option&gt;
              &lt;?php } ?&gt;
          &lt;/select&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <h3>CSS</h3>
  
  <pre class="lang-css prettyprint-override"><code>#productFormContentWrapper select {
      margin: 0;
      padding: 0;
      color: #9d1116;
      font-size: 18px;
      padding: 3px;
  }
  </code></pre>