永远居中的div层

让一个层，无论浏览器分辨率如何，它都永远上下左右都居中，在恒中间放着。整个css其实很简单，浮动和margin为高宽的一半，搞定。

<html> <head> <title>YYLD.net系列建站教程之css练习题</title> <style type="text/css"> #map { position: absolute; left: 50%; top: 50%; margin:-180px 0px 0px -325px; padding:0; overflow: hidden; width: 650px; height: 360px; z-index:1; background:#cccccc; } </style> </head> <body> <div id="map"> </div> </body> </html>