posizione del div (problema con scroll)

[yro]

ciao con questo codice faccio comparire e scomparire un div:

function pippo(anImage,aLeggenda) {
 e = event;
 if (entered == false) {
  testo           = document.getElementById(aLeggenda).innerHTML;
 } // if (entered == false)
 aDiv            = document.getElementById(aLeggenda);
 aDiv.style.left = e.clientX - 180;
 aDiv.style.top  = e.clientY + 20;
} // function pippo(anImage)

function pippo2(anImage,aLeggenda) {
 aDiv            = document.getElementById(aLeggenda);
 aDiv.style.left = -1000;
 aDiv.style.top  = -1000; 
}

qua cè il div e l'immagine su cui lo faccio funzionare

<div id="v1" align="center" class="longAlt">ciao</div>

[img]bottone.jpg[/img]

il problema è che se l'immagine è nella prima parte visibile dello schermo tutto ok, non appena scrollo il div appare dove si era caricato precedentemente x e y e quindi in una pagina molto lunga se metto l'immagine sotto il div non apparirà per niente.

come faccio a far si che il div compaia in base al mouse ma nel momento in cui richiamo la funzione?

grazie!