Zentrierte div in Safari

[Eurosystem]

Hallo,

ich habe ein relativ kleines Problem mit der Zentrierung einer div im Safari Browser. Der Code sieht wie folgt aus:

  
html, body {  
height: 100%;  
width: 100%;  
}  
  
.abstandhalter {  
width:10px;  
height:50%;  
margin-bottom:-260px;  
float:left;  
position:relative;  
}  
  
.zentriertediv {  
clear:left;  
height:540px;  
width:700px;  
position:relative;  
margin:0 auto;  
font-family:verdana;  
font-size:12px;  
}  

  
<div class="abstandhalter"></div>  
<div class="zentriertediv">Zentrierter Inhalt</div>

Die obere div kriegt also die Hälfte des Bildschirms als Höhe und verschiebt sich dann um die Hälfte des unteren div nach oben so das diese mit ihrer Mitte in der Mitte des Bildschirms liegt.
Das Ganze klappt auch super in allen Browsern außer eben Safari und Google Chrome...
Hat jemand eine Idee was diese Browser falsch interpretieren (oder nicht so wie ich es will)?

Vielen Dank im Voraus

Eurosystem