Div s obrázkem float:left zobrazuje obrázek pod divem

Udělal jsem nový design pro svůj web centauris.org (zatím jsem ho nenahrál na internet, ale mám ho jen doma. Mým hlavním problémem je IE. Testuju web v Opeře a v IE a v IE mám div s prologem ke článku, který obsahuje obrázek s parametrem (CSS) float: left. Div má nastaveno clear: both; display: block; overflow: hidden; a Opera ho zobrazí krásně až ke spodku obrázku a obrázek je normálně vidět, ale IE obrázek hodí pod div a vzhledem k tomu, že div má nastaveno pozadí, tak obrázek není vidět. Navíc Div není roztáhnutý na výšku až ke konci obrázku, ale končí tam, kde končí text. Hleda jsem tady v diskuzi, ale zatím mi nic nepomohlo. :-(


http://www.centauris.org/test.html

Podívejte, jak se to zobrazí. (Zkuste pokud možno Operu/Firefox a IE.) Už to řeším celé odpoledne, ale jsem v koncích. :-(