IE6/FF2 Layout Anomaly

[kerlj001]

My site at Chatham South School looks fine in IE6 (IE7 refuses to show the banner fullstop) but is shunted to the righ in Firefox.

Can anyone help please?

TIA

[deanc]

this is caused byt the fact that IE6 handles CSS VERY!! badly, IE7 is better but still not perfect, Mozilla is alomst there.

consequently the more standards compliant a browser is the more it can make some web pages look a bit wacky.

try these as a few pointers
W3C CSS Validator results for http://www2.chathamsouth.medway.sch.uk/ (CSS level 2.1)

[Invalid] Markup Validation of http://www2.chathamsouth.medway.sch.uk/ - W3C Markup Validator

not too sure what the HTML validator is on, perhaps the CMS template needs tweaking.

without seeing the code that causes the output i cant be much more help

[NotSoFast]

A good start would be to float the #content-container div left by changing the CSS file:

#content-container {
color:#4A4537;
font-family:"Tahoma",Verdana,"Tahoma",Verdana,Arial,Hel vetica,Sans-Serif;
font-size:1em;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
float: left;
}

It's not perfect but it helps in FF.

Simon