Witam!

Mam problem z umiejscowieniem tekstu + 2 obrazki koło siebie w jednej
linii. Wygląda to tak:

HTML

<div id="lang">Language: <a href="../extra.html"><img id="en"
src="../img/flags/Ireland.gif" alt="EN" width="24" height="24"
/></a><img id="pl" src="../img/flags/Poland.gif" alt="PL" width="24"
height="24" /></div>

CSS:

div#lang{
right:15px;
top:10px;
position:absolute;
display:inline;
font-size:10px;
}

img#en{
vertical-align: middle;
padding-right:10px;
padding-left:10px;"
}

img#pl{
vertical-align: middle;
}

Przeglądarki wyświetlają to tak:
http://img259.imageshack.us/img259/1387/firefox.gif

a IE6 po swojemu:
http://img259.imageshack.us/img259/9320/ie6.gif

Proszę, powiedzcie mi jak to zrobić, żeby w IE wszystkie te elementy
były w jednej linii.

Pozdrawiam!