html - How to add background-image to select-box?

Question

I have done what is answered in this question but I haven't had luck so far in Google Chrome.

The code below works just fine in Firefox though:

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;
}

Any hints?

Here is the fiddle I have been playing with.

Answer 1

Should be like this:

option {
    background: transparent url(http://www.clinicalflow.com/skins/common/icons/ed_ins_img.png) no-repeat left center;
    padding-left: 20px;  
    width: 200px;
}

You were using semicolon just after the background: transparent; and after that url which is wrong.