CSS Problém

Mám problém typu IE SUX. Dezajnoval som stránky

http://www.hl2net.unas.cz/main.php?page=news

a spravil som, že keď pohnete kurzorom na menu vlavo tak sa zmení obrázok na svetlejší. Je to pomocou :hover v externom CSS súbore.
Problém je však ten, že v IE sa tam nenačíta druhý obrázok, prečo?
Vopred dík.

Moj CSS súbor:
http://www.hl2net.unas.cz/style_style03.css
Myslím že je to tím, že IE nedává hover ničemu jinýmu, než odkazu, tj. tagu a. A ty máš hover na divu, nikoli na odkazu. Takže by asi bylo nejlepší zavřít odkaz do divu, místo div do odkazu, a hover pak nastavit třídou
div.amenulabel a:hover
tj. ten kód
<div class="amenulabel"><a href="main.php?page=forum_showboards"> Fórum</a></div>
On <div> do <a> vubec nepatri, tak jako tak.
dá sa použiť aj takéto zverstvo

a:hover div.amenulabel {...}

IE by to mal zhltnúť aj s navijákom
Ale keď potrebujem spraviť že keď pohnú kurzorom nielen na odkaz ale na celý ten div tak nech sa zmení, a keď klikneme hocikde na divu nech nás to presune na stránku.
Tak použij místo tagu div tag a.
<a style="display:block; dalsi definice">text</a>

To vytvoří z <a> blokový element, takže můžeš nastavovat stejné CSS vlastnosti jako u div. Ale nevím jak to v tomhle případě je s hover, já používám JS onmouseover.
Tak použij místo tagu div tag a.
<a style="display:block; dalsi definice">text</a>

To vytvoří z <a> blokový element, takže můžeš nastavovat stejné CSS vlastnosti jako u div. Ale nevím jak to v tomhle případě je s hover, já používám JS onmouseover.
<div>
<a style="display:block; width: 100%; height: 100%; dalsi definice">text</a>
</div>

odkaz vyplní celý div
Díky, už to je vyriešené.