Css 子菜单位置：IE7绝对间距错误

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

我的菜单在所有现代浏览器（IE7除外）中都能完美运行，我们仍然需要保持功能。我附上了子菜单的屏幕截图（这是造成问题的原因）。看看LIs之间的白色小间隙。出于隐私目的，我隐藏了所有文本

以下是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有什么问题吗？我已经搔头好几个小时了…：

---

谢谢

尝试将

浮动：左

添加到

。child li

因为它是许多错误中的一个

尝试将您的child li浮动到左，它是许多ie错误中的一个，就在现场！我怎么可能没有从所有的搜索中找到简单的答案呢让我们把它作为一个答案发布，我会接受它。哈哈哈，我已经和IE做了足够多的斗争，知道了几乎所有修复某些错误的小技巧！安瓦尔邮报

#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;}