CSS - problémy s pozicováním divu

Dobrý den,
můj problém se týká správného zobrazení následující stránky http://www.naukazku.okamzite.eu , css této stránky lze shlédnou na http://www.naukazku.okamzite.eu/css.css

Přesněji, výše zmíněná stránka se mi zobrazuje správně ve FF 12, když si jí tedy otevřete v tomto prohlížeči, tak to je ten správný mnou požadovaný výsledek. Když ale stránku otevřu v IE 9, tak ten levý panel s tmavým průsvitným pozadím se jakoby "zdvojí" a jedna část se přirazí na spod té druhé. Nyní to vypadá jako jeden dlouhý blok, ale když nastavím u tohoto divu cler: right, znatelně se vedle sebe vykresli dva bloky se stejnými rozměry a stejným pozadím.

Nejsem vůbec schopen zjistit příčinu tohoto problému. Proto prosím za Vaše podněty, návrhy a rady a předem za ně děkuji. Případně oceněním i další konstruktivní kritiku, byť přímo nesouvisí s mým dotazem.

vyřešeno :)