[Resolvido] Coordenadas do mouse

Olá,

estou tentando exibir as coordenas ao mover o mouse sobre uma imagem. Na verdade a função está funcionando perfeitamente, mas isso se a imagem estiver encostada a esquerda do "body".

Queria que as coordenadas fosse relativo somente a imagem, pois do jeito que está o script, quando eu centralizo a imagem no meio da página, ela mostra as coordenadas somando todo o espaço que ficou no 'left'.

function point(event)
{

	pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("img_point").offsetLeft;
	pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("img_point").offsetTop;
	document.getElementById('x').innerHTML = pos_x;
	document.getElementById('y').innerHTML = pos_y;
}
<img id="img_point" src="imagem.jpg" onmousemove="point(event)" width="500" height="250" />
<div id='x'></div>
<div id='y'></div>

Gostaria que não importasse onde a imagem estivesse, as coordenadas fosse sempre relativo a ela e não ao body.