[HTML][CSS] Opływanie obrazków, float źle pokazywany w IE Opcje

[PiiiT]

Witam, mam problem z rozmieszczeniem divów. Otóż opera i firefox opływają poprawnie tekstem obrazki, natomiast IE wyświetla obrazki nad treścią. Chciałbym to naprawić ale nie wiem czy można to w dalszym ciągu robić na divach? Zależy m żeby obrazek był z lewej strony a treść po prawej (bez opływania). Z góry dziękuję za pomoc.



style css:

Kod

</P><P>body {<BR>font-family: Arial, Verdana;<BR> font-size: 13px;<BR> color: #ffffff;<BR>    background-color: #000000;<BR>    margin:0;<BR> padding:0;<BR> }<BR>p {width:789px;<BR> text-indent: 5em;<BR> display: block;<BR> margin-left: auto;<BR> margin-right: auto;<BR>    }</P><P>div.content{<BR>color: #2d88f9;<BR>text-indent: 2em;<BR>line-height: 150%;<BR>text-align: justify;<BR>margin-left: auto;<BR>margin-right: auto;<BR>width: 789px;<BR>}<BR>img.promocje{<BR>float: left;<BR>clear: both;<BR>}<BR><BR>

html:

Kod

</P><P><div class="content"><BR><h3>tytul1</h3><BR>tresc1<hr><BR><img class="promocje" src="/images/personel.jpg" alt="" ><BR><h3>tytul2</h3><BR>tresc2<hr><BR><img class="promocje" src="/images/my.jpg" alt=""><BR><h3>tytul3</h3><BR><p>tresc3</p><BR></div><BR>

chciałbym żeby images/personel.jpg był z lewej strony tresc2 bez opływania i images/my.jpg z lewej strony treść3 bez opływania.