Select menü sorunu

Amacım select menü ile ülke seçerken ülke isminin yanında ülke bayrak resminin çıkması.
Aşağıdaki kodlar Mozilla Firefox'da çalışıyor fakat Opera ve internet explorer'de çalışmıyor çözüm yolu üretebilecek varmı acaba ?

<style>
#almanca{
background-image: url(de.gif);
background-repeat: no-repeat;
padding-left:30px;
}
#ingilizce{
background-image: url(uk.gif);
background-repeat: no-repeat;
padding-left:30px;
}
</style>
<select name="dil" id="dil">  
<option selected="selected" >Lütfen Dilinizi Seçin</option>
<option value="1" id="almanca">Almanca</option>
<option value="2" id="ingilizce">İngilizce</option>  
</select>

background-image in form elements?

Burdada anlatım var ama mozillanın dışında hiç bi tarayıcı bunu desteklemiyor .

Safari İe Opera ...

Belki js kullanarak çözen olmuştur ama bugüne kadar rastlamadım .

Sanırım mozilla harici diğer tarayıcılar desteklemiyor aradım fakat herhangi bir hack bulamadım.

Bunun için;

Vladstudio.com - free desktop wallpapers, widescreen, dual monitors, iPhone wallpapers, backgrounds for mobile phones, wallpaper clocks, e-cards

Sağ üst köşedeki dil seçim menüsünü inceleyebilirsin.