title: Why is the html select background-color black in Chrome when set to transparent?
body: <p>I have the following drop down menu and the background looks black in Chrome but white on Firefox/IE/Safari across Windows/Linux/Mac.  I'm using the latest versions of all those browsers.</p>
  
  <pre><code>&lt;style&gt;
  select {
      background-color: transparent;
      background-image: url(http://sstatic.net/so/img/logo.png);
  }
  &lt;/style&gt;
  &lt;select&gt;
      &lt;option&gt;Serverfault&lt;/option&gt;
      &lt;option&gt;Stackoverflow&lt;/option&gt;
      &lt;option&gt;Superuser&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Does anyone know how I can style the above so that Chrome shows the background as white when the color is set to transparent like in the other browsers?</p>
  
  <p><strong>EDIT:</strong>
  My goal is to display an image in the background of select.  The image shows up properly in every browser except Chrome.</p>