Jquery 悬停在IE中工作不正常

我的清单如下：

<li class="top" style="position: relative;" >
<a href="#">parent</a>
<ul class="toshow" style="display:none;position :absolute; " >
<li><a  href="#">child1</a></li>
<li><a  href="#">child2</a></li>
<li><a  href="#">child3</a></li>
<li><a  href="#">child4</a></li>
</ul>
</li>

除了IE（我的是IE8），它在所有浏览器上都可以正常工作 问题是当鼠标光标进入子项之间的空间时。它的行为就像它不在父节点中一样

<强>看来，即使在父变量的大小被改变之后，IE也不考虑大小的变化，并根据先前的大小折叠父级。< /强>

---

我能做什么？

您可以尝试在head部分设置IE8特定的CSS

<!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="ie8.css" />
<![endif]-->

---

事实上，我将子项显示为“inline”，因此它们之间的空格是水平的。那么负的“left”值可能会很有用，我知道这会改变布局，所以您可能不喜欢此解决方案（顺便说一句，我在示例中添加了“position:relative”，应该也适用于inline元素）不，它没有解决这个问题，即使在改变父的大小之后，IE也不考虑大小的改变，并且基于先前的大小折叠父代。

<!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="ie8.css" />
<![endif]-->

ul.toshow > li {
    position: relative;
    top: -1px;
}