如何实现整个页面垂直和水平居中

怎样实现固定宽度、高度的页面在不同分辨率的屏幕上垂直、水平居中，要求兼容IE；注意不是一张图片，也不是宽度和高度都比较小的div，而是整个页面，具体如代码如下

 
  < 
  html 
  > 
  
 
  < 
  head 
  > 
  
 
  < 
  style  
  style 
  ="text/css" 
  > 
   
 #div1 
  
  { 
   
 position 
  : 
   absolute 
  ; 
   
 width 
  : 
  1002px 
  ; 
   
 height 
  : 
  620px 
  ; 
   
 left 
  : 
  50% 
  ; 
   
 top 
  : 
  50% 
  ; 
   
 margin-left 
  : 
  -500px 
  ; 
   
 margin-top 
  : 
  -310px 
  ; 
 

 
  font-size:40px;
color:#FFFFFF;
background:#000000;
font-weight:bold; 
 border 
  : 
  1px solid #000;
  
  } 
   
 
  </ 
  style 
  > 
  
 
  </ 
  head 
  > 
  
 
  < 
  body 
  > 
   
  
  < 
  div  
  id 
  ="div1" 
  > 
  我居中了吗？ 
  </ 
  div 
  > 
   
 
  </ 
  body 
  > 
  
 
  </ 
  html 
  > 
 

这段代码并不能完美的实现整个页面的垂直居中，当浏览器缩小或者小屏幕电脑是就出问题了，顶部是不能完全显示的,注意是整个页面。但是，登录页面可以用这个方法来实现。

希望有高手能解决一下这个问题