Problem with .offset() and IE6/IE7
Our application has a floating DIV that contains a change password form. The DIV is animated to "roll down" and "roll up". This all works just fine, however on IE6 and IE7, we have the dreaded problem of buttons bleeding through from underneath the DIV. We decided to use the old trick of positioning an IFRAME behind the DIV in order to fix the problem.
So the code looks like this:
$('iframe.pwdiframe').offset($('div.pwdchangemain').offset());
In FF and IE8, this positions the IFRAME correctly (I can view it using FireBug and DevTools) however in IE6, the value of .offset() is placing the IFRAME in the completely wrong place.
I am assuming there is some IE6 anomaly at work here, but I'm not familiar enough with either JQuery or the problem to figure it out, and I've wasted a few hours now trying. If anyone has some info or a fix, please please please let me know.
Thanks
-Todd