CODEWITHSUNDEEP
cssinternet-explorer-8internet-explorer-7
yellavon
yellavon

Reputation: 2881

IE7 and IE8 will not display my simple horizontal CSS menu correctly

I have a menu working in all major browsers except IE7 and IE8. Here is the working menu: http://jsfiddle.net/DtxWt/

However, In IE7 and IE8, it will display as shown here: http://imgur.com/gcByA

Any help would be appreciated. Thanks!

Upvotes: 0

Views: 2210

Answers (2)

Heretic Monkey
Heretic Monkey

Reputation: 12115

nav is an HTML5 element and IE7 & 8 do not understand HTML5. I believe IE is interpreting your HTML as <nav></nav><ul><li>... Therefore, your CSS is not being applied. You'll want to look into using something like http://code.google.com/p/html5shim/ for filling in the missing functionality.

Upvotes: 1

Chris
Chris

Reputation: 1244

display: inline-block with ul is not necessary from what i see, let it at block and probably add a <div class="clearer"></div> defined in css: .clearer: clear:left; you may also use a div #nav instead of nav

Upvotes: 0

Related Questions