Preview af billede - problemer

Hej... jeg har følgende script som viser et preview af et billede, men det virker ikke helt som det skal.

Billedet bliver godt nok vist når jeg kører musen over, men det bliver vist et forkert sted på siden. Der er flere steder på samme side jeg benytter dette, de første gange bliver det vist det rigtige sted, for senere at blive vist for højt oppe på siden. Jeg ønsker det vist lidt til højre for markøren.

Er der nogen der kan hjælpe med det? Jeg har også et par andre problemer med dette scipt, men lad os tage dette først - kan godt sætte flere point af til de andre småproblemer :-)

<script language="Javascript">
function showPrevThumb(prevID){
    var DivPreview = document.getElementById('prevDiv');
    var ImgPreview = document.getElementById('prevImage');       
    ImgPreview.src = prevID;
    x=event.clientX;
    y=event.clientY;
    DivPreview.style.left=x+20;
    DivPreview.style.top=y-12;
    DivPreview.style.visibility = 'visible';
}

function hidePrevThumb(){
    var DivPreview = document.getElementById('prevDiv');
    DivPreview.style.visibility = 'hidden';
}
</script>

<a href="./" onMouseOver="java script:showPrevThumb('/pictures/testpic.jpg')" onMouseOut="java script:hidePrevThumb()">Vis billede</a>

<div style="position: absolute; visibility: hidden;" id="prevDiv"><img style="border: 2px solid black;" id="prevImage" width="125"></div>