なぜ画像ドロップダウンリストで一部のブラウザで画像が表示されないのですか？

Question

ユーザーが選択するドロップダウンリストにいくつかの画像を表示したい。私は以下のHTMLコードを使用しましたが、Firefoxブラウザに画像が表示されます。すべてのブラウザで画像を表示するにはどうすればよいですか？

HTML：

<select name="some_Images" id="some_Images"> 
    <option style="padding-left:0px;" value="">Select an Image</option> 
    <option style="background-image:url(emotic/1.gif); background-repeat: no-repeat;" value="1">Image1</option> 
    <option style="background-image:url(emotic/2.gif); background-repeat: no-repeat;" value="2">Image2</option> 
    <option style="background-image:url(emotic/3.gif); background-repeat: no-repeat;" value="3">Image3</option> 
    <option style="background-image:url(emotic/4.gif); background-repeat: no-repeat;" value="4">Image4</option> 
    <option style="background-image:url(emotic/5.gif); background-repeat: no-repeat;" value="5">Image5</option> 
</select> 

Answer 1

は、それはあなたが以下のリンクで同じ問題を満たしていることは可能ですか？

Background Image for Select (dropdown) does not work in Chrome

select dropdown background-image not showing in Chrome