Olli: float in IE falsch dargestellt

Beitrag lesen

Hallo,

ich habe folgendes Problem:
Ich möchte auf der linken Seite Text (ungeordnete Liste) haben, der um Bilder, die rechts positioniert sind, herumfließt. Es handelt sich um eine Chronik, die je nach Jahr unterschiedlich viele Listenpunkte hat, und nur teilweise ein Bild vorhanden ist. Eigentlich funktioniert das ja mit float, aber im Internet Explorer funktioniert das nicht, im Firefox schon. Also hier der entscheidende Code:

(head:)
<style type="text/css">
  li { position:relative; list-style-type:disc; line-height:2.4; }
  img { position:relative; float:right; right:0; top:0; }
</style>

(body:)
<dir>
 <li>1950</li>
 <br />
 <img src="Bild.jpg" alt="Bild" width="200" height="120" />
 <br />
 <li>Dieser Text soll um das Bild herumfließen</li>
 <li>Er soll nicht unterhalb dem Bild verlaufen</li>
</dir>

Was muss ich ändern, damit es funktioniert?