position: fixed) when really they were not.
I was able to track it down to the use of
position: relative on these particular elements. If I added
position: relative to other elements, they would also appear to be fixed. I proceed to try relative positioning on surrounding elements, but it was only at the body level that all elements behaved as they should.
Armed with these clues, I was able to find a post by Emil Stenström that documented the existence of this bug in IE6 and IE7 beta 2. He has a great explanation about how to recreate it. His suggestion was to add relative positioning to the body tag, but the real problem, as he explained, was the use of auto margin to center the body element.
Seeing as how this was an embeddable widget, I didn't really want to have the widget affect any elements outside of itself. So I opted to advise the embedding page to add a centered div around their content and remove the centering on the body tag. This corrected the problem and, once again, all was right in the world.
Or was it?
Need web application development, maintenance for your existing app, or a third party code review?
Velocity Labs can help.Hire us!