IE 6 Zentrierung nicht möglich...

[Flo]

Hi!
Habe folgenden CSS-Code:

  
.container {  
 position: absolute;  
 top:0px;  
 left:0px;  
 width: 100%;  
 height: 100%;  
 padding: 0px;  
 margin: 0px;  
 display: block;  
 background-color: red; //später ist hier ein zentriertes Hintergundbild drin!  
}  
  
.middle {  
 height: 288px;  
 width: 288px;  
 top: 50%;  
 left: 50%;  
 margin-left: -146px;  
 margin-top: -165px;  
 position: absolute;  
 overflow:visible;  
 padding-top: 40px;  
 background-color: green; //Der Hintergrund dient nur zum "sichtbarmachen"  
}  

zugehöriger HTML-Code:

  
<div class="container">  
 <div class="middle">  
            <h1>LOGIN</h1>  
            <a href="index.php?function=register">Hier</a> registrieren!  
 </div>  
</div>  

Mein Problem ist, dass im IE 6 alles nicht mehr so aussieht, wie es soll. Wenn ihr diese Seite euch mal im IE 7 oder im FF anguckt ist alles super aber im IE6 nichts da...

Könnt ihr mir da weiterhelfen???

Gruß Flo