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?
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.
Quirksmode has some good info on how to find an elements position