Element attached to cursors position - positioning breaks on scroll
<p>I am moving a div-element attached to the cursors location:</p>

<pre><code>var div = $("&lt;div&gt;", { html: "I love you cursor! I will follow you to the ends" +
                             "of the viewport and back!" }).appendTo("body");

$(window).mousemove(function (e)
{
    div.css({ top: e.pageY, left: e.pageX});
});
</code></pre>

<p>The above works fine on a page which doesn't exceed the height of the viewport. If the page exceeds viewport height, the positioning of the div-element fails. It seems that pageY/pageX properties don't take scroll-position into account.</p>

<p>The only properties I've found to take scroll-position into account are layerY/layerX, but these are, as far as I can tell, FireFox-only.</p>

<p>Any suggestions?</p>
