Actualizacion...
Bueno, hay algo que he de mejorar del codigo anterior
, resulta, que todo es perfecto si tu pagina no se alarga, ya que si bajas la barra del explorador porque la pagina sea mas larga, el div se queda en la parte de arriba colgado, porque? Sencillo, el raton siempre tendra una posicion relativa a la pantalla que tu estas viendo, de manera que su posicion sera la 800 aunque tu bajes la barra del raton 3000 puntos mas abajo, asique el div se quedara en la posicion 800 arriba del todo, pero, todo tiene solucion... le sumaremos al div el trozo que nos hayamos desplazado con la barrita, q se le llama scroll
Cambiaremos la parte en que recogemos las coordenadas del raton a lo siguiente:
var x = window.event.x+document.body.scrollLeft;
var y = window.event.y+document.body.scrollTop;
Y con eso ahora ya se vendra con nosotros el div alla a donde vayamos ^^
Por otro lado, el cursos se pone en medio y si es texto no nos deja ver... asique como dice el amigo ahi arriba, mejor sumarle algo al div pa que el cursor no quede encima tapando :-p