Z-Index

[Oliver]

Moin,

ich hab da ein Problem mit dem Abbilden verschiedener Ebenen abgeleitet aus dem Beispiel zur Infobox (http://selfaktuell.teamone.de/tippstricks/css/infobox/index.htm).

Ich möchte eine Karte generieren, bei der nur Grafiken sichtbar sind und beim Hoover weitere Informationen angezeigt werden. Dies geschieht über die Infobox und funktioniert soweit. Jedoch scheinen die anderen Verknüpfungen durch, so daß der Text aus der Infobox überlagert wird.

Hier meine css-Formatierungen:

#box  {
POSITION: ABSOLUTE;
TOP:         -2px;
LEFT:  0px;
Z-INDEX: 1;
}

#box a {
COLOR:  #FFFFFF;
BACKGROUND: #CEE3FF;
FONT:          11px verdana, sans-serif;
TEXT-DECORATION:NONE;
DISPLAY: BLOCK;
PADDING:        0px;
Z-INDEX: 2;
}

#box a:hover  {
COLOR:  #000000;
BACKGROUND: #CEE3FF;
BORDER-TOP: 1px solid #DDDDDD;
BORDER-LEFT: 1px solid #DDDDDD;
BORDER-RIGHT: 2px solid #202020;
BORDER-BOTTOM:  2px solid #202020;
Z-INDEX: 3;
CURSOR:  CROSSHAIR;
}

#box a span  {
DISPLAY: NONE;
Z-INDEX: 4;
}

#box a:hover span {
COLOR:  #000000;
BACKGROUND: #EFF7FF;
FONT:  NORMAL 11px verdana, sans-serif;
DISPLAY: BLOCK;
PADDING: 0px;
WHITE-SPACE: NOWRAP;
Z-INDEX: 5;
CURSOR:  POINTER;
}

Könnt ihr mir vielleicht helfen?

Gruß,
Oliver