負のオーバーフローを引き起こす負の絶対位置（IE7/8）

Question

負の絶対配置されたdivのオーバーフローに問題があります。

以下のイメージは、私が達成しようとしていることを表しています。主なオブジェクトは、position：relativeのdivです。 2つの突出している矢印タブは、絶対位置が負の値のdivであり、親の境界線の外側に位置します。

これはIE7とIE8を除くすべてのブラウザで正常に動作します。これは、親オブジェクトにスタイルのオーバーフロー：隠しがあるかのようにタブを完全に切り捨てます。

HTML：

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

CSS：

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

これは私が怒っ駆動されます。誰かがこの動作の修正または理由を知っていますか？

ありがとうございます。

W.

Answer 1

私はこの出来事の理由を（まだ本当に意味がありません）を発見しました。私はライトボックスのファッションでイメージにフェードアウトしていましたが、何らかの理由でIE7でタブが表示されなくなっていました& IE8。

誰でもこの理由を理解していただければ幸いです。しかし、当分の間、私はIE7/IE8のためのフェードを廃止し、より新しいブラウザのために保存しました。

多くのご協力ありがとうございます@ thirtydot！

w.

psこのフィドルサイトのサイトはかなり素晴らしいです！