IE 5.5 and 6 set the left origin of the positioning co-ordinates to the edge of the content of the first element of the containing block, and ignore the edge of the relatively positioned containing block.
Strangely ie behaves correctly if the position is set relative to the right edge. It also behaves correctly if the containing block is positioned absolutely.
Test page Workaround is not included
Reported by: Marc Pacheco.
Explorer 5-6 Windows | Reported on 5 September 2005.
This site is no longer maintained. I’m sorry, but it’s just too much work for too little return. You can continue to browse old bug reports, though.
Search reports by browser:
2 Posted by Gérard Talbot on 25 March 2006 | Permalink
As far as I can see, this bug is fixed with IE 7 beta 2 build 5335.5 (released on March 20th 2006).
1 Posted by Ingo Chao on 7 September 2005 | Permalink
In IE/Win, to offset a.p. elements, the containing block is established by its nearest positioned ancestor -- which has layout [1].
So position: relative is not enough.
You could use this implicit hack
width: 100%
for the containing block in your test case.
[1] http://www.satzansatz.de/cssd/onhavinglayout.html#cb