Css 负绝对定位导致隐藏溢出（IE7/8）

我遇到了一个问题，负绝对位置div溢出

下图代表了我正在努力实现的目标。主要对象是一个div，它是position:relative。两个突出的箭头选项卡是“位置：绝对”（position:absolute）的div，具有负值，因此它们位于父对象的周界之外

这在除IE7和IE8之外的所有浏览器中都可以正常工作，IE7和IE8将选项卡完全切断，就好像父对象具有样式溢出：隐藏一样

HTML:

这让我快发疯了。有人知道这种行为的原因或修正吗

谢谢大家，谢谢你们的时间

W

---

我发现这种情况发生的原因仍然没有真正意义。我在图像中以灯箱的方式淡入淡出，出于某种原因，这会阻止标签在IE7和IE8中出现

如果有人能提供任何关于原因的见解，我们将不胜感激。但就目前而言，我刚刚取消了IE7/IE8的淡入淡出，并将其保留在较新的浏览器上

非常感谢您的帮助@thirtydot

W

---

PS那个小提琴网站看起来真是太棒了

请给我们一个密码！目前我唯一能回答你问题的方法是，如果我浪费时间重新创建你已有的HTML/CSS：我无法使用你在IE7/8中发布的代码重新创建你的问题。您需要给出一个包含bug的适当测试用例。

<div id='parent'>
<div id='arrowLeft'></div>
<div id='arrowRight'></div>
</div>

#parent{
position:relative;
width:600px;
height:400px;
}

#arrowLeft{
width:40px;
height:50px;
position:absolute; left:-40px; top:50%;
margin-top:-25px;
}

#arrowRight{
width:40px;
height:50px;
position:absolute; right:-40px; top:50%;
margin-top:-25px;
}