Browsers - all displaying differently

[leighchic]

Hi

(I created a previous post for this, marked it resolved, but then realised that it was not resolved, so I have created another post just in case no one sees the other one)

http://www.leighdesignstudio.com/samtra/deck-courses.php

In ie7 its perfect:

In ie6, the main area slips down to the left.

In firefox, the first course block is not displaying correcly (shifted too high), and the mainarea has a bit of white missing on the right.

I would appreciate any help. I have been playing in this style sheet for ages and cant figure this one out.

Many thanks!
Leigh

[slaughters]

Start by removing float:left from mainHeading class

[drhowarddrfine]

First, get your page working in the modern browsers. Then worry about old, buggy, non-standard IE.

Second, an 'id' name can only be used once per page. Validate your html for that list of errors.

[leighchic]

Ok, i got it to work in firefox and IE7 - thanks for advice

But ie -6, i cant seem to get it to work. any suggestions?

I also dont see where i have doubled ID's - ?

[Mr. E. Cryptic]

Your errors (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.leighdesignstudio.com%2Fsamtra%2Fdeck-courses.php&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&user-agent=W3C_Validator%2F1.591). IDs are near the end. You've a fair few other problems as well.

[Declan1991]

You should be using a HTML doctype, not an XHTML one, and any white space before the doctype puts IE in quirks mode. Fix those problems too.