title: Dropdown list not visible in Firefox
body: <p>I have a dropdown list with options not visible in firefox but visble in both IE and Chrome. I have added the code snippet below.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Mozilla Test&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;select id="product" name="product"  title="Product" tabindex="14" style="padding-top:1px!important;padding-bottom:1px!important;width:100px;&gt;
    &lt;option value="selectFruit" label="--Select--"&gt;&lt;/option&gt;
    &lt;option value="APP" label="Apple"&gt;&lt;/option&gt;
    &lt;option value="BAN" label="Banana"&gt;&lt;/option&gt;
    &lt;option value="GRA" label="Grapes"&gt;&lt;/option&gt;
  &lt;/select&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Can anybody please help me with this issue. </p>