CSSレイアウトで縦位置あわせのメモ

忘れそうなので備忘録です。
[html]

[/html]
での標準モードでレンダリングを前提。
サンプルはこちら
基本は絶対配置で行う。
全体のレイアウトが左寄せでは問題ないが、
中央寄せの場合
親ボックス　position: relative;
子ボックス　position: absolute;
のようにしていると、IE6でリサイズしたときにずれてしまう。
ココでIE6用ハックを使い
* html　親ボックス　position: relative;
* html　子ボックス　position: static;
にするとずれない。
あとはピクセル単位の細かい調整が必要。