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?