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

<%image(mysite.gif|445|255|bluespeaker)%>

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

CSS

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

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

HTML

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