Small Browser Compatibility Problem - Safari 4.0 and others


I just noticed today that I am having a compatibility problem with my site: My Site

I used this tool: 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:

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.


Nevermind, I actually just figured this out myself! (as far as I know).

In case anyone was wondering what the solution was, I had to add: “clear: both;” into my table’s CSS code.

Thanks for looking.

I also noticed that this problem is also happening in Safari 3.0 and Firefox 2.0