IE6: block wird trotz z-index hinter div dargestellt

[Marc]

Hallo zusammen,

bei folgendem Problem brauche ich Hilfe:

ich habe folgenden Code in der HTMl-Datei:

<a href="index.htm?size=1"> 1 <span>Klicken Sie hier, um die Schriftgröße einzustellen.</span></a>

Dazu folgender CSS-Code, mit dem der Text zwischen >span> und </span> nur bei mouseover nagzeigt wird. Klappt auch alles, aber: die Box, die erscheint, erscheint hinter dem Hauptbereich der Seite... In Netscape und Opera fluppt es übrigens wie gewünscht, zu sehen alles unter http://www.mhis.de/portal-fischerei/

div#head a span {
display:none;
}

div#head a:hover span {
position:absolute;
top:72px;
left:0px;
margin:0;
width:148px;
padding:5px;
display:block;
border:1px solid red;
color:#fff;
background-color:#008;
z-index:5;
}

Die Definition des Hauptbereiches, welcher die Box verdeckt:

div#mainarea {
position:absolute;
top:120px;
left:152px;
margin:0;
border:1px solid silver;
background-image:url(images/bckgrd_01.gif);
z-index:4;
}

div#content {
margin:0 150px 0 0;
padding:20px;
height:100%;
background-color:#fff;
}

Die gesamte CSS liegt unter http://www.mhis.de/portal-fischerei/pf_def.css

Bin für jede Hilfe dankbar!

Gruß,