Problem z Float dla elementów listy.

[radca]

Witam...
o ile nie mam problemów z opcją float, to napotkałem na pewną niedogodność przy sprawdzaniu strony w firefoxie.

Kod: Zaznacz cały

<img class="prawy" src="cos.jpg" alt="" height="100" width="100" />
Jakis paragraf z tekstem...
<ul>
<li>Pierwszy element listy</li>
<li>Drugi element listy</li>
<li>Trzeci element listy</li>
</ul> 

CSS:

Kod: Zaznacz cały

.prawy {float: right; margin="0"; padding="0";}

Problem jest tego typu (tylko pod mozilla), że o ile paragraf z tekstem prawidłowo opływa obrazek, to jeżeli paragraf ma bardzo mało tekstu - to już pierwszy (i tylko pierwszy) element z listy nie opływa obrazka - a jest obok niego (tak jak by nie dziłała na niego opcja float z obrazka - chociaz na kolejne elementy działa)....
Dodam może przykład: http://rkuchta.prv.pl/temp/
Bede wdzieczny za wskazowki w jaki sposob to pokonac.