Getting the pixel position of an element

[squashie]

I have a nav bar made out of a table based on % of the screen size. When I put my mouse over the link a sub-menu appears below it. My problem is not everyone uses the same screen resolution and my menu doesnt appear where it is supposed to if the screen size has been changed. I was wondering if there is a way to get the starting pixel of an element, my first link, that way I can calculate the correct position from the left of the screen. I appreciate it.

[JPnyc]

Use % to position elements to begin with, then. Let the browser calculate it.

[squashie]

Originally posted by DUNSEL
Use % to position elements to begin with, then. Let the browser calculate it.

Thankx, but I already tried that and it doesnt work. Even on the developing screen resolution it's still a pixel or 2 off and doesn't look right. You would think you could do something like

var x = parseInt(document.getElementById("nav1").style.pixelBottom;

If there is a way to make this work it sure would help. That just returns 0 which isn't what I want.

[Fang]

http://www.quirksmode.org/js/findpos.html

[squashie]

var p = document.getElementById("P").offsetLeft;
// P = table <td> id

document.getElementById("Products").style.left = p + "px";

//Products = div id which has a hidden table

worked perfect in IE6 anyways. I'm happy. Thankx for the help. That last post sent me in the right direction.