como hace que una capa se posicione justo al lado del mouse???

[elvisoftweb]

Hola maravillosa gente del FDW tengo un problemita sucede que tengo en mi web una capa que actua como un tooltip es decir que cuando un usario pasa con el mouse por un texto esta capa aparece y muestra una informacion extra, el tooltip funciona a la perfeccion los datos que quiero, pero cuando bajo el scrollbar(barra de dezplazamiento) la capa se muestra mas arriba de manera que si bajara aun mas el scrollbar el texto que deseo mostrar casi ni se nota.
Alguna sugerencia ha y les comento que el codigo que se ocupa de el tratamiento de la capa es un archivo llamado tooltip.js que tiene el siguiente codigo:

Código:

var xPos;
var yPos;

function showToolTip(title,msg,evt){
    if (evt) {
        var url = evt.target;
    }
    else {
        evt = window.event;
        var url = evt.srcElement;
    }
    xPos = evt.clientX;
    yPos = evt.clientY;

   var toolTip = document.getElementById("toolTip");
   toolTip.innerHTML = "<h1>"+title+"</h1><p>"+msg+"</p>";
   toolTip.style.top = parseInt(yPos)+2 + "px";
   toolTip.style.left = parseInt(xPos)+2 + "px";
   toolTip.style.visibility = "visible";
   
}

function hideToolTip(){
   var toolTip = document.getElementById("toolTip");
   toolTip.style.visibility = "hidden";
}

desde ya Gracias por su aporte