IE7/8 中的 CSS 菜单

【问题标题】：CSS Menu in IE7/8IE7/8 中的 CSS 菜单
【发布时间】：2011-05-18 14:14:16
【问题描述】：

我在 IE7 和 8 中遇到下拉菜单系统问题。

它在 Chrome 和 FF 中完美运行，但在 IE7 和 8 中由于某种原因它没有应用某些样式并最终在浏览器中放错位置。

你可以在这里查看：

如前所述，它在 Chrome 中运行良好，但我正在努力让它正常运行，甚至在 IE7 中更好。

感谢任何帮助！

【问题讨论】：

【解决方案1】：

您需要在.side_nav ul li 上设置显式宽度：

.side_nav ul li {
    float: left;
    position: relative;
    width: 173px;
    display: block;
    text-align: left;
    clear: both;
}

为了获得额外的保护，您可能需要添加 clear: both 和 text-align: left 属性（如上例所示）。

【讨论】：

【解决方案2】：

尝试添加

display: block;

给你的

.side_nav ul li

【讨论】：