0

我的菜单有点问题，我似乎找不到答案。我已经尝试了大部分我能找到的解决方案（即使稍微相关），但我无法在 IE7 上修复它。

我的菜单在所有现代浏览器（IE7 除外）中都能完美运行，我们仍然必须保持其功能。我附上了子菜单的屏幕截图（导致问题）。查看 LI 之间的白色小间隙。出于隐私目的，我已隐藏所有文本。

截图在这里

这是HTML：

<ul id="header_menu" class="do-not-print">
<li><a href="#">Test</a></li>
<li class="current_page_item"><a href="#">Test 2</a>
    <ul class="children">
    <li><a href="#">Subtest 1</a></li>
    <li><a href="#">Subtest 2</a></li>
    <li><a href="#">Subtest 3</a></li>
    <li><a href="#">Subtest 4</a></li>
    <li><a href="#">Subtest 5</a></li>
    <li><a href="#">Subtest 6</a></li>
    </ul>
</li>
<li><a href="#">Test 3</a></li>
<li><a href="#">Test 4</a></li>
<li><a href="#">Test 5</a></li>
<li><a href="#">Test 6</a></li>
<li><a href="#">Test 7</a></li>
</ul>

这是我的CSS：

#header_menu {position: absolute; bottom: 0; left: 0; height: 38px; width: 100%; margin: 0; padding: 0; z-index: 300;}
#header_menu li {position: relative; background-color: #0022a3; list-style-type: none; font-size: 1em; margin: 0; display: block;}
#header_menu li a {color: #fff; text-decoration: none; margin: 0; display:block;}

#header_menu > li {float:left; border-right:1px solid #001871; border-top:1px solid #001871; border-bottom:1px solid #001871;}
#header_menu > li:first-child {border-left:1px solid #001871;}
#header_menu > li:last-child .children {right: 1px; left: auto;}
#header_menu > li > a {font-size:18px; line-height:38px; padding: 0; text-align: center; padding: 0 29px;}

#header_menu li:hover > a, #header_menu li.current_page_item > a, #header_menu li.current_page_ancestor > a {background-color:#0030e6;}
#header_menu li:hover .children {display:block;}

#header_menu .children {display: none; position: absolute; top: 39px; left: 0; width: 225px; z-index: 400;}
#header_menu .children li {width: 100%; border-bottom: 1px solid #001871; border-left: 1px solid #001871; border-right: 1px solid #001871;}
#header_menu .children li a {font-size: 16px; line-height:20px; padding: 6px 29px; text-align: left;}

知道我的 CSS 有什么问题吗？我已经挠头几个小时了......：S

谢谢！

4

1 回答 1

1

尝试添加float:left到.child liIE 中，因为它是许多错误之一

于 2013-01-23T16:13:16.573 回答