Problem im IE6 mit span und ein-/ausblenden

eky79

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

html:

Code

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

css:

Code

#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;
}

Alles anzeigen

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

MfG
eky79

Macrosdesign

lass deine spans doch weg ?? sind doch sinnlos ?? und geb dem a ein background und eine breite und höhe sowie display:block

also

a {
display:none
}

a:hover {
position:absolute;
top:0px;
left:0px;
z-index:101;
display:block;
width:920px;
height:33px
background:url(./deinbild.jpg);
}

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

Macrosdesign

warum hat dein a denn display:none ?? das ergibt doch keinen sinn

Tags