I just noticed today that I am having a compatibility problem with my site: My Site
I used this tool: http://browsershots.org/ and found about half of the browsers with this problem.
I am using this tool to view and trouble-shoot my site in Safari 4.0 browser: http://www.spoon.net/Safari4
Basically, one of my tables is going off the edge of the screen rather than running out of room and being brought just underneath a “4 tab menu” element. It looks perfectly fine in the newer Firefox and IE though.
Note, this 4 tab element is using “float: left” and I’ve always had trouble dealing with float elements for some reason. Also, I tried using a single <br> after this element so it would still look the same in firefox and IE, but it just brought the table down 1 notch in Safari. 2 <br>'s brought it down, but it screwed up the design in all browsers.
Please take a look at this and let me know what is wrong and how I can fix this.