Problem z tooltip'em w ekwipunku.

[Bleowy]

Generalnie chce żeby tooltip wyświetlał się przy obrazku ale zamiast znajdować się przy obrazku wyświetla się wyżej jak to naprawić? 

http://scr.hu/1wl4/4svxq

Kod wygląda tak :

 

function showTip8(oEvent) {
                var oDiv = document.getElementById("eq5");
                oDiv.style.visibility = "visible";
                oDiv.style.left = oEvent.clientX;
                oDiv.style.top = oEvent.clientY;
            }


            function hideTip8(oEvent) {
                var oDiv = document.getElementById("eq5");
                oDiv.style.visibility = "hidden";


            }

<div id="eq5"
     style="background-color: black; position: absolute; visibility: hidden; padding: 5px;z-index:9;border:2px solid white;color:white">
            <span style="font-weight: bold"><?php echo $showeq5[1] ?></span><br/>
            <?php echo $showeq5[2] ?>
<?php echo '<br>'.'Siła'.$showeq5[3] ?>
<?php echo '<br>'.'Inteligencja'.$showeq5[4] ?>
<?php echo '<br>'.'Zręczność'.$showeq5[5] ?>
         </div>

if(empty($zapytanie[5])){
echo '<div style="margin-top:1180px;margin-left:447px;position:absolute;z-index:2;border:1px solid white;"><img src="grafika/items/0.png" /></div>';
}else{
echo '<img style="border:1px solid white;margin-top:1182px;margin-left:447px;position:absolute;z-index:2" src="grafika/items/'.$showeq5[1].'.png" onmouseover="showTip8(event)" onmouseout="hideTip8(event)" />';
echo '<input style="margin-top:1315px;margin-left:447px;position:absolute;z-index:2;" type="submit" name="eq1" alt="Załóż" style="" >';
}

 

[Nygol]

kiedys mialem taki sam problem. Nadaj tooltipowi pozycje relative badz absolute i zobacz efekt