Help with getting Internet Explorer to look right

[Renlok]

the page: http://www.webidsupport.com/

 

looks fine in every other browser ive tested with but looks awful in IE anyone have any ideas of how to sort it out without messing it up on all other browsers?

[PFMaBiSmAd]

The page contains 26 HTML markup Errors and 10 warnings -

 

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.webidsupport.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

 

and 12 CSS errors and 70 some warnings -

 

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.webidsupport.com%2F&profile=css21&usermedium=all&warning=1&lang=en

 

Your page must validate without any errors before you can even think about how it looks in different browsers.

[Renlok]

but there all errors with urls having & and = in which i cant do anything about and isnt going to make any difference with how it looks in any browser

 

Also if you enable compatability mode in IE site looks fine

[Renlok]

for anyone else to fix it i added

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

[webmaster1]

EDIT: Didn't realize this was solved. Ignore. 

 

Ouch, it looks nasty in IE6. The validation errors don't appear to be directly affecting the layout.

 

How confident are you that this isn't just a regular cross-browser rendering issue?

 

I suggest that you sequentially <!-- comment --> out each section of the index until you can isolate when and where the layout anomalies are occurring. After that it's simply a case of trouble-shooting why IE isn't listening to your specific styling (CSS).

 

I know way too many folks that give up debugging cross-browser layout issues. Take the time to thoroughly debug using the <!--comment--> approach as suggested.

 

 

[Renlok]

EDIT: Didn't realize this was solved. Ignore. 

 

Ouch, it looks nasty in IE6. The validation errors don't appear to be directly affecting the layout.

 

How confident are you that this isn't just a regular cross-browser rendering issue?

 

I suggest that you sequentially <!-- comment --> out each section of the index until you can isolate when and where the layout anomalies are occurring. After that it's simply a case of trouble-shooting why IE isn't listening to your specific styling (CSS).

 

I know way too many folks that give up debugging cross-browser layout issues. Take the time to thoroughly debug using the <!--comment--> approach as suggested.

 

well yeah i sort of fix it for IE8 i had given up on all the older IE's but thanks anyway i may try that out when i have time next.

[webmaster1]

Don't worry. If IE6 passed me on the street I'd punch it in the face too.