Hi,
<div style="float:none; position:relative; top:0px; right:0px;"> Bild, dynamische Höhe </div>
was soll das bitte bringen? Kein float und keine Änderung der Position. Diese Angaben sind wirkungslos.
Außerdem war die Fragestellung:
Wichtig: Im Quelltext muss erst der Text erscheinen und erst nach dem Text das Bild.
<div style="clear:all;">Text links drunter</div>
Und das ist nun doppelt Unsinn. Einmal gibt es keinen CSS-Wert "all" für clear und zum anderen gibt's auch nichts zu clearen.
freundliche Grüße
Ingo