子菜单位置: IE7的绝对间距错误
子菜单位置: IE7的绝对间距错误
提问于 2013-01-24 00:07:31
我的菜单有点小问题，我似乎找不到答案。我已经尝试了我能找到的大多数解决方案(即使有一点相关)，但我无法在IE7上修复它。
我的菜单在所有现代浏览器中都能完美地工作(除了IE7)，我们仍然需要保持它的功能性。我已经附上了一个子菜单的屏幕截图(这是造成问题)。请看LI之间的白色小间隙。出于隐私考虑，我已经隐藏了所有文本。
Screenshot here
下面是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
谢谢!
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-01-24 00:13:17
尝试将float:left添加到.child li，因为它是许多错误之一
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14484032
复制相关文章
相似问题
腾讯云开发者
