IE 8 Tooltip verschwindes hinterm nächsten dokument

[Addicted]

Hallo zusammen, ich bin gerade bei für ein Spiel ein Talentplaner zu erstellen.
Im Firefox funktioniert soweit auch alles...

Doch die Probleme gehen im Internet Explorer los.
So verschwinden die Tooltips hinter der nächsten div-Box.
und was nicht ganz so wichtig ist der border:groove wirkt nicht wirklich

http://localhost/talentplaner/index.php?id=pri

  
#bg{margin-right:auto;margin-left:auto;position: relative;background-image:url(../img/kri/k.jpg);background-repeat:no-repeat; width:830px; height:480px;margin-top:20px;border:10px groove black}  
  
#skill2{position:absolute;background-color:black;top:130px;left:10px; width:30px; height:40px}  
  
#skill3{position:absolute;background-color:black;top:70px;left:70px; width:30px; height:40px}  
  
.tooltip {  
  display: none;  
  visibility:hidden;  
  z-index:10;  
  background-image:url(../img/tool.png);  
  border:1px solid white;  
  color:white;  
}  

Mit Java andere ich dann das Display

  
function showWMTT(id) {  
 wmtt = document.getElementById(id);  
 wmtt.style.display = "block";  
}  
function hideWMTT() {  
wmtt.style.display = "none";  
}

der phhp aussschnitt

  
<div id="skill'.$j.'">  
<a onmouseover="showWMTT(',$j,')" onmouseout="hideWMTT()" href="javascript:void(0)" >  
<img src="img/zau/',$j;if($skills[$j]=="0"){echo'b';} echo'.png" width="30" height="30">  
<div id="',$j,'" class="tooltip">',$talente[$j][0],'</div>  
</a>  
  
</div>  

Wie gesagt im Firefoxfunkioniert soweit alles was ich möchte!
Doch wirkt sich irgendwie das z-index im IE nicht aus, und habe auch noch keine richtige Losung gefunden um das zu beheben.

Von daher wäre es echt nice, wenn da jemand die Losung kennt außer die Tooltips im IE ganz wegzulassen xD

[MudGuard]

Hi,

http://localhost/talentplaner/index.php?id=pri

Auf *meinem* localhost gibt es diese Seite nicht.

Mit Java andere ich dann das Display

Du hast ein Java-Applet in der Seite?
Oder meinst Du Javascript?

der phhp aussschnitt

Du hast ein clientseitiges Problem - serverseitiger Code ist also nicht hilfreich.

<a onmouseover="showWMTT(',$j,')" onmouseout="hideWMTT()" href="javascript:void(0)" >
<img src="img/zau/',$j;if($skills[$j]=="0"){echo'b';} echo'.png" width="30" height="30">
<div id="',$j,'" class="tooltip">',$talente[$j][0],'</div>
</a>

div kann in a nicht vorkommen.

<div id="skill'.$j.'">

Aus dem CSS könnte man schließen, daß $j eine Nummer ist.
Dann ergibt <div id="',$j,'" aber keinen Sinn, da die id ja dann mit einer Ziffer beginnen würde ...

Dem img scheint das alt-Attribut zu fehlen.

Reparier also bitte erstmal das HTML.

Dein CSS enthält für .tooltip zwar eine z-index Angabe. Aber da keine Positionierung angegeben ist, gilt position:static, womit z-index wirkungslos ist.

cu,
Andreas

[Addicted]

Sorry der link ist:  http://phpraidplaner.ph.funpic.de/maestia/index.php?id=pri

Du hast ein Java-Applet in der Seite?
Oder meinst Du Javascript?

Javascript.

»»Aus dem CSS könnte man schließen, daß $j eine Nummer ist.
»»Dann ergibt <div id="',$j,'" aber keinen Sinn, da die id ja dann mit einer Ziffer beginnen würde ...

Nein ebend nicht:
die id bildet sich aus 2 sachen einen statischen teil  skill + der nummer
also skill0,skill1.....skill99 etc

  
<div id="skill',$j,'">  
<a onmouseover="showWMTT(',$j,')" onmouseout="hideWMTT()" href="javascript:void(0)" ><img src="img/pri/',$j;if($skills[$j]=="0"){echo'b';} echo'.png" alt="'.$talente[$j][0].'.png" width="30" height="30">  
<span id="',$j,'" class="tooltip">',$talente[$j][2],'</span></a>  
.  
.  
.  
.  
</div>  

das span und das alt haben keine Auswirkung!

»»Dein CSS enthält für .tooltip zwar eine z-index Angabe. Aber da keine Positionierung angegeben ist, gilt position:static, womit z-index wirkungslos ist.

Habe die position jetzt mal nich in den css part aufgenommen, aber halt keine auswirkung:

  
.tooltip {  
	text-align:left;  
	position: absolute;  
	top:0px;  
	left:30px;  
	display: none;  
	z-index:100;  
	background-image:url(../img/tool.png);  
	border:1px solid white;  
	color:white;  
	min-width:200px;  
}  

[Addicted]

ah
<span id="s',$j,'" class="tooltip">
ist die geänderte *sorry>