CSS-Hover-Effekt funktioniert nicht in IE6

[Günther S]

Hallo zusammen,
ich habe ein Menü mit Buttons dieser Art zusammengestellt:

#button a{
display: block;
}
#button a span{
display: none;
}

#button a:hover span{
display: block;
}

<div id="button"><a href="news.php"><span><img src="news.jpg"></span></a></div>

Sobald man über die maus auf die div mit der id "button" bewegt, sollte das Bild news.jpg angezeigt werden (Im Hintergrund ist bereits ein Bild, woran man erkennen kann, wohin man die Maus bewegen muss).
In Netscape 7, Opera 8 und Firefox 1.0.3 funktioniert alles bestens, nur der IE6 will den Hover-Effekt nicht anzeigen.
Woran kann das liegen?

Gruß und vielen Dank für eure Hilfe im Voraus,
Günther S.