[codezen8]

Although it's nice to say you should only support newer browsers, that is not an acceptable option for a lot of sites. Many of my corporate customers must still use IE including IE7 for internal applications that don't run in compatibility mode. They also do not generally allow their users to use any other browsers.

IE7 does not support display:inline-block. To fix this find the style for the menu, and after display:inline-block; add the lines for zoom: and *display:

.genesis-nav-menu .menu-item {
    display: inline-block;
    zoom:1;
    *display: inline;
    margin: 0 -4px 0 0;
    padding: 0;
    text-align: left;
}

This works for me in the HTML5 themes. You can't just change to inline for all or it won't work in modern browsers.

[Author]

Posts