Problema con tooltip

[manumaf]

Hola a todos, mi problema es el siguiente:

Quiero poner un tooltip a unas pequeñas imagenes, el problema es que las imagenes estan en un div fijo al pie de la página, osea cuando movemos el scroll el div siempre esta abajo. El tooltip se muestra pero cuando movemos el scroll se queda fijo y si lo movemos mucho se pierde.

Aca les dejo el ejemplo:
http://www.zylestt.com/ej.html

El codigo javascript es:

Código Javascript:

<script type="text/javascript">  
 var theObj="";  
 function toolTip(text,me) {  
        theObj=me;  
      theObj.onmousemove=updatePos;  
       document.getElementById('toolTipBox').innerHTML=text;  
       document.getElementById('toolTipBox').style.display="block";  
        window.onscroll=updatePos;  
   }  
   function updatePos() {  
       var ev=arguments[0]?arguments[0]:event;  
        var x=ev.clientX;  
        var y=ev.clientY;  
        diffX=-20;  
          diffY=-25;  
         document.getElementById('toolTipBox').style.top  = y-2+diffY+document.body.scrollTop+ "px";  
         document.getElementById('toolTipBox').style.left = x-2+diffX+document.body.scrollLeft+"px";  
          theObj.onmouseout=hideMe;  
  }  
 function hideMe() {  
         document.getElementById('toolTipBox').style.display="none";  
 }  
  </script>
 

Muchas gracias de antemano

[America|UNK]

document.getElementById('toolTipBox').innerHTML=te xt;
document.getElementById('toolTipBox').style.positi on = "absolute";

[manumaf]

Me sigue pasando el mismo problema no cambia nada esa linea