eGo: [schwierig] Webkit margin-top in Prozent position absolute

Beitrag lesen

Folgender Code:

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="ISO-8859-1">  
<title>Title</title>  
<style>  
.box{  
	margin-top:50%;  
	width:10%;  
	height:100px;  
	background:red;  
	position:absolute;  
}  
  
</style>  
</head>  
<body>  
  
<div class="box"></div>  
</body>  
</html>

Wird in Webkit-Browser anders als in anderen interpretiert. Webkit bezieht das margin-top in % auf die Fensterhöhe, alle anderen so wie es sich gehört auf die Breite. Gibt es da eine Lösung, dass sich Webkit richtig verhält?

Beste Grüße