Css IE 6悬停导航问题

我有一个在主导航中使用子导航的站点导航。。。唯一的问题是，在IE6中，子菜单将其他菜单推到一边，导致布局中断，并扰乱了用户对站点的查看

Im使用计算的HTML：

<li class="ulHover">
   <a></a>
   <div class="subMenuTop"></div>
   <ul class="subMenu">
      <li></li>
      <li></li>
   </ul>
</li>

---

编辑：好的，我在div中添加了绝对定位。。。它会阻止顶级列表项被推开。。。但是子菜单的偏移量太大了。。。只有在IE6中，在其他浏览器中，它才起作用…

子菜单div在代码中没有关闭。这可能是解决问题的第一步。

我猜这是一个水平菜单。对吗？您是否尝试将div位置设置为“绝对”而不是ul？下面是一个可能对您有所帮助的示例：

这当然适用于将另一个顶级li推开。现在又出现了另一个问题。在IE6中，偏移量是很小的，但在其他浏览器中却没有……你能更具体一点吗？哪个偏移量？水平偏移？垂直偏移？我们可以在什么地方看一下吗？你能提供一个完整的导航菜单HTML示例吗？

li .ulHover
{
    width: 113px;
    height: 71px;
    background: transparent url(../images/MenuItemBgHover.png) no-repeat top right;
    text-align: right;
    float:left;
    vertical-align: bottom;
}
.subMenu
{
    background: #B02229;
    padding: 0px 5px 5px 5px;
    text-align:left;
    width: 215px;
    list-style: none;
    margin-left: 1px;
    position:absolute;
    display:none;
    z-index: 10000;
}

.subMenuTop
{
    width: 225px;
    height: 10px;
    background: transparent url("../images/SubMenuTop.png") no-repeat top left;
    margin-left: 1px;
    margin-top: -3px;
    display:none;
    z-index: 10000;
}