使用js实现div 水平垂直居中

<mce:script type="text/javascript"><!--
/*set div center*/
window.onload = function() {
document.getElementById('con').style.marginTop = (document.getElementsByTagName('body')[0].offsetHeight - document.getElementById('con').offsetHeight) / 2 + 'px';
}
// --></mce:script>

"con" 是div 的 id。

但是 该方法的缺点是 如果运行在firefox 中

<div style="overflow:hidden"></div>

否则 ， 就不会居中了。整个页面会有滚动条 。到现在也不知道是为什么 。有知道的留下脚印。而且运用到js 在ie 下面运行需要加载项。