Background
I was asked recently by a customer to help correct some strange layout behavior that they were seeing in their website application using the Apple Safari browser. The client had been diligently building and testing their application using IE and Firefox, however a new user wanted to use Safari as well. When opening the site in Safari, one of the main div containers looked ghastly, and was pushed up and over the other two main containers that they had on the page. This behavior only occurred in Safari, not in IE or Firefox.
After some investigation of the source and stylesheet, the culprit was a stray position:relative css setting in the stylesheet. The other two browsers seemed to make different assumptions about how to display the page, and it looked fine, since even with the relative position setting. Because there was no top or left position properties set, the ...