css - 定位错误菜单css位置: relative in IE7

Question

我在 IE7 中遇到定位问题 我的 css 菜单中有以下内容

在 Chrome 和 Firefox 中工作正常，但在 IE7 中，菜单是垂直的。我该如何解决这个问题？

Page with this problem

请查看页面来源，行间链接:

菜单位于行之间:

457 和 614

标签开始于:

<div class="colorido" style="z-index: 10000; position: relative;">

div 'colorido' 的区域将 Destaques 到 Fale Conosco

感谢任何帮助。

Answer 1

您需要向菜单的 UL 元素添加固定宽度。我进行了实验，550px 似乎很合适。

.colorido UL.mega-menu {
    height: 40px;
    position: relative;
    width: 550px;
}