Get position of element by javascript

Question

I've seen a dozen of script that can catch the x and y position of an element/object within the page. But i am always having trouble with catching the x and y when the webpage is using margins at the body, or other elements, absolute/relative elements, such like that.

Is there a solution wich provides the exact position, no matter what margins or paddings are used.

:)

Answer 1

I use following code to move div box to follow cursor in this Web IME site

function xy(x) {
    o = document.getElementById(x);
    var l =o.offsetLeft; var t = o.offsetTop;
    while (o=o.offsetParent)
     l += o.offsetLeft;
    o = document.getElementById(x);
    while (o=o.offsetParent)
     t += o.offsetTop;
    return [l,t];
}

Its return an array [left,top],