A website I am currently developing is not displaying correctly in IE7 - all other IE browsers (including IE6) along with Chrome and Firefox seem to be fine.
The problem is that the content and sidebar divs are sliding underneath the header div.
I had a look (not in IE7 but in FF because my IE tester isn’t working). I’m not sure but your main-nav is hanging there in the middle of nothing. There is no reference or what so ever. Did you try to give the main-nav a width? Otherwise try to clear the main-nav.
Barry,
Try taking away the height propery from the #header div and add a class of clearfix in the HTML. Looking at it in Firefox, the header appears to be collapsing because it only contains floated elements.