Navigation Disappears in IE8


The link above looks accurate in Safari but falls apart in IE8. There is supposed to be a navigation list in the header which I have circled in the example linked below…


Any ideas how to fix this?


The nav is dropping underneath the slideshow because the left margin is too large (even in FF). Remove the margin and float right instead:

#nav {
  float: right;
  height: 55px;
  list-style: none outside none;
  overflow: hidden;
  padding: 0;

That did the trick for IE8, but still wraps funny in IE7 and still not visible in Chrome.

Looks fine in Chrome (Mac) to me. For IE7, maybe give it a set width (so some other haslayout hack).

For better results, it might be worth using abs pos for this menu.

Odd - it looks fine in Chromium on Linux, and in Epiphany, which is also Web-kit based.

Hmmm. Epiphany is a new one for me…

The absolute positioning seems to be working well for the navigation.
New problem seems to be in the footer. The footer-container is not appearing in IE7 or Firefox 4 for Wind-ohs. Any ideas? Should I try to position everything in that container as absolute as well?

Footer-container is appearing for me in IE7.