Navigation Disappears in IE8

HTML & CSS
1

LINK-
http://www.securehostserver.info/gkent/

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…

NAVIGATION APPEARANCE IN SAFARI-
http://www.securehostserver.info/gkent/example.jpg

Any ideas how to fix this?

Todd

2

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;
}
3

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

4

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.

5

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

6

Hmmm. Epiphany is a new one for me…

7

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?

8

Footer-container is appearing for me in IE7.