CSSのoverflow:autoが効かない場合の原因と対処法！

サクウェブＴＶはコチラ↓↓↓

IE7などで、overflow:autoでスクロールバーを表示させたい場合、スクロール表示したい子要素がスクロールバーからはみ出て表示されるというバグがあります。

このバグの原因はその子要素に対してposition:relativeが指定してある場合が多いようです。

オンライン上で角丸やグラデーション、シャドーなどのCSSを調べてコピペしたり、CSSハックの際にposition:relativeを指定するなど、あまり意識せずにposition:relativeを使用することで思わぬところでIEのバグが出たりします。

対処法は簡単で、親要素にもちゃんとposition:relativeを指定してあげるだけでＯＫです。