Quov: Positionierungsproblem

Beitrag lesen

Folgendes Problem - ich möchte innerhalb eines Containers mit width: 572px und heigh: 1024px einen weiteren div mit den maßen 562px und 1014px legen.
Das ergibt sich dadurch, dass ich diesen durch margin 5px left und 5px top ausrichten möchte, sodass dieser mittig im übergeordneten Div liegt.
Zu beobachten ist das Problem auf Klick mich

Jemand ne Idee? Schonmal im Vorraus danke.

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
<title>Unbenanntes Dokument</title>
<style type="text/css">  
div#main {  
  
background-color:red;  
margin: 0 0 0 251px;  
width:572px;  
height:1024px;  
border-left:1px #707070 solid;  
  
z-index:1;  
  
  
}  
  
div#inhalt {  
  
margin:5px 0 0 5px;  
background-color:silver;  
width:562px;  
height:1014px;  
z-index:2;  
  
  
}  
</style>
</head>  
<body>  
  
<div id="main">  
<div id="inhalt">  
</div>  
</div>  
</body>  
</html>