css - なぜ IE >= 9 で border-radius:[value] を使用して子要素がクリップされるのですか?

Question

親要素にcss を使用border-radius:[some value]し、子要素の位置を固定すると、Internet Explorer で子要素が親要素に「クリップ」されます。親要素で使用するborder-radius:0と、結果は問題ありません（ただし、境界線の半径はありません）。

これは IE >= 9 のみです。他のブラウザは期待どおりに動作します。

これが私が何を意味するかを示すjsfiddleです。

Answer 1

オーバーフローを処理する方法に関係していると思います。オーバーフロー プロパティを完全に削除すると、IE9 はそれらのツールチップをまともなブラウザーと同じように扱います。