В настоящее время у меня есть div, структурированный с другими элементами внутри него.

Нечто похожее на ниже;

<div id="container" style="position: relative; width: 500px; height: 500px;">
     <div style="position: absolute; left: 50px; top: 50px;"></div>
     <div style="position: absolute; left: 100px; top: 100px;"></div>
</div>

Я пытаюсь получить положение мыши относительно div с идентификаторомcontainer.

Пока у меня есть это;

function onMousemove(event) {

    x = event.offsetX;
    y = event.offsetY;
};

var elem = document.getElementById("container");
elem.addEventListener("mousemove", onMousemove, false);

Это отлично работает, если div с идентификаторомcontainer не имеет детей Когдаcontainer У div есть дочерние элементы, он получает координаты мыши относительно дочернего элемента, а не родительского элемента.

Я имею в виду, что если мышь находилась в положенииx: 51, y: 51 относительно родительского div, он на самом деле вернетx: 1, y: 1 относительно дочернего элемента div, используя HTML, приведенный выше.

Как мне добиться того, чего я хочу, нет библиотек, пожалуйста.

РЕДАКТИРОВАТЬ

tymeJV любезно рассказал о том, что происходит выше.

http://jsfiddle.net/N6PJu/1