CSS だけで要素をブラウザの中央に配置

Flash を使わずに CSS で <div> をブラウザの中央に配置する方法

#wrap {
　　　position: absolute;
　　　width: 800px;
　　　height: 600px;
　　　left: 50%;
　　　top: 50%;
　　　margin-left: -400px;
　　　margin-top: -300px;
}

注意！
margin-left は width の半分
margin-top は height の半分

<div id="wrap">
　　　your contents
</div>

Bluespeaker