Problem im IE6 mit span und ein-/ausblenden

Ich habe ein Menü, bei welchem bei Mouseover (hat hier nichts mit Javascript zu tun!!) ein Bild eingeblendet wird:

html:

<a href="index.htm">Home</a></li><li><a href="inhalt.htm">Documents<span><img src="/cms/picture/mo_documents.jpg" /></span></a>

css:

#content_box_l li a span {
    display:none;
}


#content_box_l li a:hover span {
    position:absolute;
    top:0px;
    left:0px;
    z-index:101;
    display:block;
    width:920px;
}

In "allen" andern Browsern funktioniert das soweit, aber nicht im IE6. Hat jemand ein Tipp, wie man das Problem lösen kann?

MfG
eky79

Nee, <span> kann ich nicht weglassen. Sonst würde ja nicht einmal der Link angezeigt, denn mit "a { display:none }" is ja der ganze Link weg.

MfG
eky79