I just finished a web site and have noticed that when I go to view it in IE7 the navigation doesn't show up. I cross referenced the issue and the nav is working fine in Opera, Safari, and Firefox. I have tried several things including changing the font of the nav but still seem to be running into the issue. Forgive me if this is a ridiculous question but I'm still in school for web design and I haven't familiarized myself with this problem before. Thanks for all your help and suggestions you may have. I'm willing to try ANYTHING!
It seems to be the
line-height:0; rule that is causing the text to be hidden in IE7. Take that off and the text becomes visible.
I also noticed a couple of other issues - you are floating the links inside the
<li> elements and displaying the
<li> elements as inline to get them to stack up. What you should do is float the
<li> elements instead of the links.
To vertically align the menu, use a little margin-top on the
<ul> or the individual
<ul> would be best if possible :)
Thanks! That worked like a charm. Now I just need to figure out how to line it up in the middle of the nav. I also need to figure out the second part of your response.