IE6 - Floaten eines Absatzes innerhalb Listenelement

[alexf812]

Hi,

ich habe in einer Liste links ein Bild und daneben soll Text erscheinen. Der Text soll jedoch nicht unter dem Bild weitergehen (falls er zu lang ist), daher habe ich folgendes gemacht:

<ul>
<li><img src="test.gif"><p>langer text</p></li>
</ul>

img{float: left;}
p{margin-left: 100px;} // da das bild immer 80px breit ist
li{clear: both;}

Das funktioniert überall gut, nur im IE6 nicht. Dort ist der Absatz nach unten gerückt

[alexf812]

Hi,

wen es interessiert:
Das Problem ist im IE7 auch aufgetreten und ich musste für jedes li noch

height: 1%;

hinzufügen.

Warum auch immer diese Angabe hilft :-)