title: How to add background-image to select-box?
body: <p>I have done what is answered in <a href="https://stackoverflow.com/questions/2226666/background-image-for-select-dropdown-does-not-work-in-chrome">this question</a> but I haven't had luck so far in Google Chrome.</p>
  
  <p>The code below works just fine in Firefox though:</p>
  
  <pre><code>select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-indent: 0.01px;
    text-overflow: ""; 
  }
  
  option {
      background: transparent        url(http://www.clinicalflow.com/skins/common/icons/ed_ins_img.png)     no-repeat left center;
      padding-left: 20px;  
      width: 200px;
  }
  </code></pre>
  
  <p>Any hints?</p>
  
  <p><a href="http://jsfiddle.net/pm86r8bm/2/" rel="nofollow noreferrer">Here is the fiddle I have been playing with</a>.</p>