Issue with IE accesses document element attributes (like top and left co-ordinates)

I am creating a pop up bubble for a rollover effect on a page. This works fine in all browsers except IE.

Here’s the code…



                var scrRoll = document.getElementById("scrollerRolloverText");
                var el = document.getElementById("Technology");

                top_value = el.y - 133;
                scrRoll.style.top = top_value.toString() + "px";
                scrRoll.style.left = el.x - 15 + "px";
                scrRoll.innerHTML = item;
                
                scrRoll.style.filter = "alpha(opacity=0);";
                scrRoll.style.mozopacity = 0 / 100;
                scrRoll.style.opacity = 0 / 100;
                scrRoll.style.kthmlopacity = 0 / 100;

                scrRoll.style.display = "block";
                fader = setInterval(divFadeIn, 20);

The issue that I appear to be facing is that IE cannot access the x an y co-ords of the element “Technology” (set to el in the above code). Any idea why IE can’t access this attribute and the other browsers can? Any alternatives?

Cheers,
Ben

Thanks for the help guys. In the end I went with offsetX/offsetY (and a bit of maths magic) which appears is accessible by all current browsers.

Cheers,
Ben

I published a JavaScript object last week that provides all of those properties of elements in the web page that supports whatever browser is being used.

See http://javascript.about.com/library/bldollarO.htm

Quirksmode has some good info on how to find an elements position