Page renders wrong in IE5 Mac and Safari

[charlesdavison]

Hello all,

I was wondering if anyone could explain why the page below doesn't display properly in Mac IE 5 and Safari (the main content area moves off to the side, etc. It renders well in Firefox (Mac & Win) and IE Win...

HTML file is here .

CSS file is here (may need to right click & save as).

Any help would be appreciated!

[Triumph]

Validate your css file...I found 3 errors.

.mainNavCell in your css...class="navcell" in your html

the nav bar moves right in safari because inheritance works maybe (align="right" in a table element above the nav bar td) ...it moves left (default) because that inheritance doesn't work (I guess). So I guess you need a align="right" in your html somewhere (the td before the nav bar) (blah)...

[Triumph]

On a side note: I don't see anything wrong in Safari.

[charlesdavison]

Oops... It seems the wrong (old) file was being pointed to. It should work now and make some more sense:

HTML file is here .

CSS file is here (may need to right click & save as).

[Triumph]

You have:

#middleContent
	{
	position: relative;
	top: 0px; left:150px; width: 447px;
	background-color: #ffffff;
	border: 0px none #000000;
	overflow: hidden;
	}

top and left defined in a position: relative? changing that to absolute will start you in the right direction, I bet.