如何實現整個頁面垂直和水平居中

怎樣實現固定寬度、高度的頁面在不同分辨率的屏幕上垂直、水平居中，要求兼容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 
          > 
         

這段代碼並不能完美的實現整個頁面的垂直居中，當瀏覽器縮小或者小屏幕電腦是就出問題了，頂部是不能完全顯示的,注意是整個頁面。但是，登錄頁面可以用這個方法來實現。

希望有高手能解決一下這個問題