IE7だけz-indexの挙動が違う。

やりたいこと

赤いabsoluteの要素を一番上にしたい。

IE7での現象

赤いabsoluteの要素が、黄色のrelativeの要素が上に来てしまう。

回避方法

position:relative;を定義してる親に要素にz-indexを定義することで、
重なり順序を制御できる。

参考

IE7 でposition: absolute な要素に対する z-index が正しく理解してもらえない - The Second Longest Day in My Life...

※記事と下記商品はたぶん無関係

IE7つ道具 (現場実践シリーズ)