导航菜单在 IE7 中不太适用答案

【问题标题】：Navigation menu not quite working in IE7导航菜单在 IE7 中不太适用
【发布时间】：2012-03-19 13:13:47
【问题描述】：

我的网站导航菜单有问题。它在除 IE 7 之外的所有浏览器和版本中都运行良好，并且想知道是否有人可以诊断出可能出现的问题。

我的 CSS

nav {
    background: url(../images/links-bg.jpg) repeat-x;
    width: 593px;
    height:60px;
    float: right;
    border-top: 1px solid #991318;
    border-right: 1px solid #991318;
    border-bottom: 1px solid #991318;
    border-left: none;
}

nav li {
    float: left;
    list-style-type: none;
    margin: 5px 40px 0 0;
    padding: 0;
    line-height: 20px;
}

nav ul li a {
    color: #991318;
    display: block;
    font-weight: normal;
    text-decoration: none;
    font-family: 'MEgalopolisExtraRegular', Arial, sans-serif; 
    font-size: 1.5em;
    text-transform: uppercase;

}
nav li a:hover, nav li .selected {
    color: #352E24;
}

我的 HTML

<nav id="nav">
      <li><a href="#">Home</a></li>
           <li><a href="#">About Us</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Products</a></li>
                    <li><a href="#">Contact</a></li>
</nav>

任何人都知道这可能是什么原因> 我的 CSS 是否在某处关闭？

感谢任何帮助或建议。

而且我不欣赏那些抱怨为 IE 7 编码的人。我是在为它编码，而不是你，所以如果你没有任何支持的话，就不要说出来。

【问题讨论】：

对于初学者，我会在关闭 </div> (.menu-main-nav-menu-container) 之前用 <br clear="all" /> 清除浮动的 <li>s。我不认为这是破坏它的原因，但如果你不清除你的浮动，IE 会很乱。
我想我可能会看到问题...尝试在http://safetyspeakers.ca/wp-content/themes/SafetySpeakersTheme/style.css 中删除对您的重置样式表 (reset.css) 的引用，然后让我知道它的作用。您的 index-final.html 似乎没有此引用。
nevvvermind... 我现在看到它们被压缩在您的单个暂存 CSS 文件中。

标签： css wordpress html internet-explorer

【解决方案1】：

IE 7 不理解 nav 元素，需要使用 ul 代替

【讨论】：