How do I fix my site after realising the doctype was wrong?

Question

While trying to fix the hover bug in internet explorer I realised that the doctype was written wrong.
I corrected it but now the formatting is wrong in firefox!

The site should look like this but it looks like that

Is there any quick fix or will I have to rewrite it all manually?
Please ask if you need any code.

Answer 1

It looks like Firefox is treating your comments that are formatted like:

<!-------Menu--->  

as just the start of a comment and hence commenting out a large part of your markup.

Try changing them to

<!-- menu -->  

and see if that makes a difference

Answer 2

The fix is going to be a manual process, but you shouldn't need to do a complete rewrite. You should be able to incrementally fix any rendering issues one by one.

Answer 3

As you changed the Doctype, the browser sure changed from quriks to standards mode. This means that the browser will now interpret your website strictly after W3C's Standards and won't be as fault-tolerant as before.

I'm pretty sure the rendering issues will solve once you fixed these errors. If I were you, I would first try to remove those unnecessary dashes from the comments. <!-------Example----> to <!-- Example -->.