CSS breaks in Explorer

Question

This Wordpress site works fine in Firefox and Safari.

However viewing in Explorer 7 (don't care about 6) breaks the header/navigation area.

Weirdly enough, refreshing the page fixes the alignment issue, but then hides the header.

http://anothersideof.me

Any suggestions would be greatly appreciated.

Answer 1

First thing to do is fix your code errors: [Invalid]Markup Validation of anothersideof.me - W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.

Then look into the differences in doctypes: What are the different doctypes in html and what do they mean? - Stack Overflow and how they work with IE.