Attributo "title" di un tag DIV che segue mouse

[Donovant]

Salve, ne ho visti e vedo molti, ma non riesco a fare la corretta ricerca.
Praticamente vorrei personalizzare il "title" di un DIV che poi segua il mouse, sono per metà riuscito a realizzarlo in javascript:

HTML:

<div id="contenitore">...bla bla...</div> 

Javascript:

window.onload = initAll;

function initAll(){
        
    $("img_evento").onmouseover = new_popup;
    $("img_evento").onmousemove = new_popup_sposta;
        $("img_evento").onmouseout = clear_popup;
  
}

var findMouse = function(e){ //PER RILEVARE LE COORDINATE DEL MOUSE
          this._X, this._Y;
          if(e){//START IF UNO
             if(typeof(e.pageX) == "number" ){//START IF DUE
                _X = e.pageX;
                _Y = e.pageY;
             }//END IF DUE
             else{
                  _X = e.clientX;
                  _Y = e.clientY;
             }
          }//END IF UNO
          else{//START ELSE UNO
               e = event;
               _X = e.clientX;
               _Y = e.clientY;
               if(document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft) ){
                   _X = document.documentElement.scrollLeft;
                   _Y = document.documentElement.scrollTop;
               }
               else if(document.body && (document.body.scrollTop || document.body.scrollLeft) ){
                   _X = document.body.scrollLeft;
                   _Y = document.body.scrollTop;
               }
               if(e.pageX){//START IF DUE
                _X = e.pageX;
                _Y = e.pageY;
             }//END IF DUE
             else{
                  _X = e.clientX;
                  _Y = e.clientY;
             }
          }//END ELSE UNO
          
          return new Array(this._X, this._Y);
          
}

var new_div;

function new_popup(e){ //PER CREARE AL VOLO UN DIV (sarebbe il "title")
         new_div = document.createElement("div");
         new_div.setAttribute("id", "popup");
         nd = new_div.style;
         nd.width = "100px";
         nd.height = "25px";
         nd.backgroundColor = "red";
         nd.position = "absolute";
         nd.zIndex = "2";
         
        // alert(findMouse(e)[1]+"px");
         nd.left = (findMouse(e)[0]+ 6)+"px";
         nd.top = (findMouse(e)[1]- 28)+"px";
                  
         document.body.appendChild(new_div);
}

function clear_popup(e){ document.body.removeChild(new_div); }

function new_popup_sposta(e){ //PER FARE SEGUIRE AL "title" CREATO IL MOUSE
         $("popup").style.left = (findMouse(e)[0]+ 6)+"px";
         $("popup").style.top = (findMouse(e)[1]- 28)+"px";
} 

In FireFox va bene, ma con IE (io ho il 7), se il mouse va sul "title" creato, tale "title" sparisce (questo perchè è come se uscisse dal DIV contenitore), inoltre se faccio lo SCROLL della pagina (sempre solo in IE), il "title" creato rimane fermo e non segue proprio il mouse, anzi SOMMA le coordinate nuove del mouse (che scrollando la pagina è come se fosse più sotto o più sopra rispetto al "title").

Grazie.