てんぽ : メモ：MacIE5 bottomのバグ

MacIE5で、絶対配置ボックスのコンテナブロックがposition:relativeによって形成されているとき、 そのボックスの位置をbottomプロパティで正しく指定できない。

<div>
    <p>static</p>

    <p class="hoge">absolute</p>
</div>

div {
 position:relative;
}

.hoge {
 position:absolute;
 bottom:0;
}

position:absoluteが指定されたボックスは、その位置の基準として、positionの値がstatic以外である最も近い祖先要素を参照します。 上記のソースの場合、絶対配置要素のマージン下辺はdiv要素の下辺と重なるはずですが、MacIE5ではdivの上辺の位置になるようです。

divがposition:absoluteの場合、またはdivにheightが指定されている場合には、このバグは起こらない。