Seite mittig auf dem Bildschirm positionieren

[koerschgen2001]

Ich möchte das meine Seite mittig auf dem Bildschirm posisoniert wird.
Mit margin erreiche ich da nicht so viel, da die Seite bei unterschiedlichen Bildschirmauflösungen dann nicht mehr mittig ist.
Hier mal ein bisschen Code:

  
<div id="banner">  
<img src="bilder/banner.jpg" alt="">  
</div>  
<div class="haupt">  
<div id="navi">  
<!-- Hier ist die Navigation -->  
</div>  
<div id="inhalt">  
<!-- Inhalt -->  
</div>  
<div id="info">  
<!-- und in der rechten Spalte steht auch noch was -->  
</div>  
</div>  

  
#banner img {  
   padding: 0px;  
   width: 950px;  
   height: 110px;  
   clear: none;  
   float: none;  
   margin: 0em 0em 0em 1em;  
   text-decoration: none;  
   left: auto;  
   top: auto;  
   right: auto;  
   bottom: auto;  
   clip: rect(auto,auto,auto,auto);  
   vertical-align:bottom;  
   display:block;  
}  
  
.haupt {  
       position: relative;  
       margin : 0;  
       margin-left: 10;  
       min-height : 600px;  
       width : 952px;  
       background-color : #F0F8FF;  
}  
  
  
#navi {  
 float : left;  
 width: 160px;  
 height: 50em;  
 background-color: #F0F8FF;  
}  
  
#inhalt {  
        float : left;  
 width: 648px;  
 height: 50em;  
        margin : auto;  
 padding-left: 3.4em;  
 padding-right: 3.4em;  
}  
  
[id]#inhalt {  
        float : left;  
 width: 524px;  
 height: 50em;  
        margin : auto;  
 padding-left: 4.7em;  
 padding-right: 4.7em;  
}  
  
#info {  
  
   float: right;  
   width: 140px;  
   height: 50em;  
}