Need Hint where problem is for I.E 6.0/7.0 Problem

Hey there, me again. I'm working on aunts website, and on her guestbook page

http://syriejames.com/guestbook/gbook.php?a=sign

It works fine on firefox, perfect, and on I.E 6.0 or 7.0 it displays completely out of wack. For example, instead of being centered it pushes it to the left and the top navigation gets dragged down as if it's 'block elements' and looks bad .

I'm not so sure how to fix it in this case. I'm not using any floats I believe, so the clearfix shoudn't be needed, although I tired it in different places to see if it would help as well as overflow:hidden; but maybe I'm putting these in the wrong places?

I'm not asking you to solve it for me (that'd be cool though ), but if you can point me in the right direction about that div the error might be in (and what the error is) that would help me a lot!

Best,
- Joe

 

The have <script> before the doctype, not sure if that would make a difference.

 

omg you are right! Who would have guessed! I guess it must have put I.E into quirks mode?

Thanks so much, I would have never guessed that would be the problem!