Některé části css ignorovány v IE 6 - proč a co s tím? – CSS – Fórum – Programujte.com

Zdravím,
na stránkách http://www.joat.ic.cz mám problém s tím, že v levém sloupci jsou v IE 6 ignorovány některé části css - hlavně teda background-image a border-bottom u <h4> nadpisů a barvneho odlišení odkazů (<a>winking smiley v části odkazy.
Zkoušel jsem v css tyto předpisy nastavit jak úplně obecně pro všechny a/h4 elementy, tak i konkrétně pouze pro dané divy, ale nic nepomáhá.
Ve FF/IE7/Opeře je to tak jak bych chtěl (a dovolím si tvrdit, že CSS je napsáno správně).
Poradí někdo čím to může být a jak to spravit?
CSS předpisy pro stránku: http://www.joat.ic.cz/styly.css

IE podporuje css asi tak, jako moje babička zuby. Zkus to prostě nějak zjednodušit.

IE6 a jeho jádro pracuje trochu odlišně - používá vlastnost nazvanou hasLayout.
Zjednodušeně: pokud je tato vlastnost nastavena na true, prvek se vykresluje jiným stylem než když je nastavena na false.
U většiny prvků je tato skrytá vlastnost nastavena na false do doby, dokud jim pomocí CSS nepřiřadíme vlastnost, která toto nastavení změní.
[ Seznam těchto vlastností viz. http://blog.nopdesign.sk/sk/?p=9 ]
[ Originální pojednání viz.http://www.satzansatz.de/cssd/onhavinglayout.html ]

Trochu jsem si pohrál se styly a zjistil, že na prvky(o které nám jde) je vhodné použít např.:
position:relative
height:1%
Kdežto:
width:100% nebo display:inline změní délku červeného podtržítka

[podtrzene]Stačí dát do stylů buď obecně: h4 {position:relative} nebo upřesnit: #levy h4{ position:relative } [/podtrzene]

Co se týče odkazů s obrázkem mající mít při A:HOVER "podtržení" v barvě color(=červená) - tak to se mi ani v IE7 nezobrazí.
Zkusím se na to mrknout v IE DevelopToolbaru (výhoda sedmičky).

To Petroff:
díky, použil jsem position:relative a už je to v pořádku.
Že ty barevné okraje nefungují u obrázkových odkazů ani v IE7 jsem si nevšiml, díky za upozornění, ale trápit se s tím nemusíš, dal jsem jim na tvrdo modrý rámeček. Stačí to a všude se to zobrazuje správně.

Jasně.
Jinak kdybys chtěl jednotné chování (testoval jsem to IE6, IE7, FF, Opera)
a změnu barvy rámečku z modré na červenou při HOVERu,
stačí ti 1 řádek navíc: :

#Lodkazy img { border: 1px solid #C2DEFA }
#Lodkazy a:hover img { border: 1px solid #bf0a30 } !!! dodržet pořadí