IE5 Mac bug?

April 2000

In IE5Mac, the "position: relative" property of the "content" div seems to be inherited by the block-level elements contained within it - thus shifting all the text to the left. Curiously, the first block-level element in the div seems unaffected. And yes, this page validates for both css and xhtml strict.

If you're not lucky enough to be viewing this demo page in the right browser, pray have a look at the screenshot to convince yourself.

In case you're wondering, I was using relative positionning because it was the only way I had found to solve some layout problems while recoding my site without tables. You can take a look at the mess if you feel like it. I have since then managed to solve the problem differently.

A possible fix is to replace left: 20% by margin-left: 20% (thanks Jeremy!).

The other fix is to avoid using relative positioning.

This bug has been reported [to my knowledge in the least]. Read more about IE5Mac bugs at MacEdition.