CSS problem

ahoj,

mam listu, v nej je text a vlajky na zmenu jazyka, v skratke to vyzera asi takto

<div id="lista">blahjgjblabla<div id="jazyk"><img src="icon.jpg"><img src="icon.jpg"></div></div>

a CSS

#lista {
width: 500px;
margin: 0px auto;
background-color: #FF0000;
}


ako v CSS nastavit aby sa tie obrazky (#jazyk) zarovnali na koniec listy do prava, ked tam dam align alebo float tak to je na pravo ale az v dalsom riadku

diky moc

Tak udělej dva divy, ne?

třeba takle:
<table border="0">
<tr>
<td><div id="lista">blablabla</div>
<td style="text-align: right"><div id="jazyk">
<img src="icon.jpg"><img src="icon.jpg"></div>
</table>

Jinak nevím, tak to bejvá že to dá až na druhej řádek, ne? Fakt jinak nevím

a nepomohlo by zrušení toho divu #jazyk a přesunout tíhu na obrázky?

#lista {
width: 500px;
margin: 0px auto;
background-color: #FF0000;
}

#lista img {
display: block;
float: right;
clear: none;
}

(případně si ty obrázky oclassuj, ale to si myslím domyslíš)

hmm, nejde :(