Das Zusammenspiel von float, clear und margin in einer Liste

[Volker]

Einen wundervollen Abend,
ich habe folgendes Problem:

Ich habe eine Liste, in den Listenpunkten jeweils ein Bild, das von Text rechts umflossen wird:
<ul>
<li style="margin-top:30px; clear:left;">
<img src="***" style="float:left" />
*** Text ***
</li style="margin-top:30px; clear:left;">
<li>
....
</li>
</ul>

Nun bricht aber das clear:left die Abstände margin-top, d.h. die Listenpunkte werden direkt untereinander angeordnet anstatt den geforderten 30 Pixeln.
Das clear:left kann ich aber schlecht weglassen, da sonst das float:left "Amok" läuft...
Wie bekomme ich die Abstände korrekt formuliert?

Danke im Voraus.
Gruß, Volker