onmousemove

Hej! Jeg har lavet flg. lille test-html. Jeg vil prøve at flytte et lille billede med muse-markøren rundt og skrive markørens koordinater....



<script>
function wah()
{
    pic.style.left = event.clientX;
    pic.style.top = event.clientY;
    dims.innerText = "Koor: " + event.clientX + "," + event.clientY;
}
</script>

<style>
div.divdims {
    width: 500;
    height: 500;
    background-color: black;
    position: absolute;
    top: 2;
    left: 2;
}
span.spandims {
    width: 100;
    height: 30;
    background-color: red;
    top: 100;
    left: 100;
    position: absolute;
}
</style>

<div onmousemove="wah();" class="divdims">
<span id="dims" class="spandims"></span>
<img id="pic" src="arrow.gif" style="position: absolute;">
</div>


Problemmet er bare at billedet også følger med, når markøren er uden for <div> området.


Hvad er der galt?
Hvad er forskellen på id= og name= i visse situationer??