Nested <DIV> in Safari/Firefox not working...

[dougdrury]

I have a site that looks great in IE7, IE6... but not in Safari or Firefox. It used to look good in Safari, but I am sure I screwed it up with some CSS change. The main layout table moves outside the page div.

Link to the page: http://www.symphonyreg.com/
Link to the CSS: http://www.symphonyreg.com/css/main.css

I have run it through the W3C validator and it passes all green.

Can anyone give me any pointers?

Thank you,
Doug

[dougdrury]

I have a site that looks great in IE7, IE6... but not in Safari or Firefox. It used to look good in Safari, but I am sure I screwed it up with some CSS change. The main layout table moves outside the page div.

Link to the page: http://www.symphonyreg.com/
Link to the CSS: http://www.symphonyreg.com/css/main.css

I have run it through the W3C validator and it passes all green.

Can anyone give me any pointers?

Thank you,
Doug

I fixed the overflow to the right by using clear:left on the table. But now, I have this huge white space above the table. Any thoughts?

[Nile]

Thats because you have this:

<div class="topDivider"></div>
And your css is:

.topDivider {
background-color: #4F849D;
width: 100%;
height: 5px;
border-bottom: 1px #919191 solid;
}
Whats the top divider for?