billede skal følge musen over det hele.

Jeg har et script, der får et billede til at følge musen øverst på siden, men når jeg scroller ned, følger billedet ikke med?
hvordan gør jeg det?
Det skal helst virke i både Netscape og IE.

Min kode er:

<div id="cursor" style="position:absolute;visibility: visible"> 
<!--Mouse-->
  <script language="JavaScript" type="text/javascript">
<!--

                     
function YY_Mousetrace(evnt) {                     
if (yyns4)                     
{if (evnt.pageX) {yy_ml=evnt.pageX; yy_mt=evnt.pageY;} }                     
else{                     
yy_ml=(event.clientX + document.body.scrollLeft);                     
yy_mt=(event.clientY + document.body.scrollTop);                     
}                     
if (yy_tracescript)eval(yy_tracescript)                     
}                     
function m()                     
{                     
if (yyns4)
{
  document.getElementById("cursor").style.left = yy_ml-20;
  document.getElementById("cursor").style.top = yy_mt+20;
}
else
{
  document.all.cursor.style.left=yy_ml-20                   
document.all.cursor.style.top=yy_mt+20
}                                                       
}                     
//-->                     
</script>                     

<!--<script language="JavaScript">-->
<script language="JavaScript" type="text/javascript">
       
<!--                     
var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0;                     
if (yyns4) document.captureEvents(Event.MOUSEMOVE);                     
document.onmousemove = YY_Mousetrace;                     
yy_tracescript = 'm()';                     
//-->                     
</script>
  <img src="../julekalender/pic/4.gif" width="60" height="60" alt="nu">
</div>