Adriana Mikolaskova Nautsch: Gefloatete Elemente in einer Liste

Beitrag lesen

Hallo,

ich habe möchte in einer Liste jeweils ein bild, welches links steht und von Text umflossen wird darstellen
<ul>
   <li><img.../><p>text</p></li>
   <li><img.../><p>text</p></li>
   ...
</ul>
wenn ich das Bild mit einem float:left formatiere, sieht das in den meisten Browsern so aus wie gewollt, im IE (5.2 für Mac) umfliessen aber auch die nachfolgenden listen-Elemente (<li>'s) das erste Bild, wenn der text weniger lang ist, als dass er sich über das ganze Bild umfliessen würde.

Ich habe durch einsetzen eines clear:left an diversen Stellen versucht, einen Umbruch zu erzwingen, hat aber nichts genützt
Gibt es eine Möglichkeit, ohne allzugrosse Trickserei die gewünschte Darstellung auch für den genannten IE zu erzeugen?

Danke und Gruss

Adriana