IE8 CSS负边距拉起父元素

Question

我使用负边距来提升<li>以获得叠加效果。此效果适用于所有浏览器，包括IE7，但不适用于IE8。 IE8似乎将整个<ul>拉高-4px（负边距高度）

我已经完成了尝试与之斗争，并希望此社群就如何解决此问题提出任何建议。我宁愿尽可能地使用我当前的样式，因为position:absolute会导致IE7中的z-index问题。这是页面 - http://actorstheatre.org/。它是顶部的主导航。

Answer 1

您是否尝试过position:relative;top:-4px;？

Answer 2

如果仅在IE8中，您可以强制它进入IE7兼容模式。

<meta content='IE=7' http-equiv='X-UA-Compatible'>

http://msdn.microsoft.com/en-us/library/ms533876.aspx