IE7でのみpositionした要素がずれるバグ | FSFIELD LabsCSS IE7でのみpositionした要素が縦にずれるバグ 久しぶりにハマってしまったのでメモしておきます。 IE7でのみposition:absoluteで絶対配置した要素が縦にずれてしまうという謎のバグに遭遇しました（IE6・IE8では崩れない）。 調べてみたところ、情報が少なくてなかなか見つからなかったんですが、どうやらIE7にはpositionプロパティがらみで座標が再計算されないという固有のバグがあるようで、回避方法としてはposition:relative;を指定している要素の親の要素にheight:100%;を指定するとよいようです。 例えばこういうhtmlだった場合… <div id="bg_header"> <div id="header"> <p>例えばpositionをかけている要素がheaderで、headerの親がbg_headerの場合</p> </div
