Hover-Effekt im IE

[rba]

Hallo zusammen,

ich habe Grafiken als Vorschau in einer kleinen Darstellung. Wenn man mit der Maus drüber geht, soll die Grafik in groß rechts daneben dargestellt werden.
Das klappt in Opera 10 und 11, FF 3.x, FF 4.0, Chrome 10 nur im IE 6 und 8 nicht.
Könnt ihr euch hier anschauen.
http://bauer-ralf.de/test/
Am DTD sollte es nicht liegen, hab hier schon einiges ausprobiert.
Das div ist display:none und im hover display:block.
Was mache ich falsch, warum ignoriert der IE das??

Das CSS sieht wie folgt aus.
body { margin:10px; overflow:auto;}
h1 { font-family:Arial, Verdana, "Sans-Serif"; font-size:22pt; text-align:center; color:#3A1C02; }
p {font-size:11pt; line-height:20px; font-family:Arial, Verdana, "Sans Serif"; color:#606060;}
p.under {font-size:10pt; line-height:14px; font-family:Arial, Verdana, "Sans Serif"; text-align:center; color:#606060;}
img.bilder1 {border-width:0px; margin:0px; padding:0px;}
img.bilder11 {border-width:0px; margin:0px; padding:10px;}
img.noborder {border-width:0px; margin:0px; padding:0px;}
#gross{height:80px; width:80px; padding:5px; margin:5px;}
#gross div{display:none;}
#gross:hover div{display:block; position:absolute; background:auto; top:50px; width:300px; padding:10px;}
div {background-color:#DDD8C2;}
div.text {background-color:#DDD8C2; overflow:auto;}
a:link { color:#FFFFFF; text-decoration:none;}
a:visited {color:#404040; text-decoration:none;}
a:fokus {color:#C0C0C0; text-decoration:none;}
a:hover {color:#C0C0C0; text-decoration:none;}
a:active {color:#808080; text-decoration:none;}

Vielen Lieben Dank für eure Hilfe
Ralf

[TBT]

weil der IE :hover meist nur bei Links (a) macht