HTML & CSS
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.
The website can be seen here
Any help would be greatly appreciated.
And what about your visitors ?
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.
That's why I never use IE.
No problems Barry.
Thanks. just taking away the height from the #header has solved the problem - didn't add the clearfix.
Thanks for your help.
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.
donboe - not sure what you mean by hanging there in the middle of nothing. The #main-nav is part of the #header - which has a width of 768px.