Div repeats in ie6! Please help

Hi,

I have recently got abit carried away developing the website linked below in Safari.
When I’ve checked it in ie6 I noticed afew problems.
Unfortunately what seems to be happening is one of my container divs called #main_content (with dotted green border) is being repeated below itself in ie6.

Please help if you can.

Thanks in advance

Erdy.

http://www.prideacademy.co.uk/index_host.html

I don’t have IE, but I think that the problem is related to html comments. Check the following links for more info.

I’ve taken them all out and its the same unfortunately!

As I can see, you have many comments in your code.

Those comments are from a Dreamweaver Template. How many websites have those and work in ie6?
Surely there is something else wrong here?

Duplicate content bug is caused mostly by two things:

In IE6 (not sure about IE7?) you can cause them by having a comment coming directly after a float, or a comment in between floats. It has to do with IE confusing comments with real tags.

For now, remove ALL comments or you’ll never know if they were the cause.

However I’ve managed to trigger duplicate content bug in IE (6 and 7) by having a setup where I had block elements next to inline or inline-block elements.
Hm, a shame, I don’t seem to have the screenshots on my server anymore. I may make another. But here’s what I encountered and how I fixed it.