Problem mit Layertechnik...

[uliII]

Hi,

hoffentlich versteht Ihr mich:

Ich habe ein DIV über einem anderen DIV positioniert.
Der Quelltext sieht in etwa so aus:

  
<div id="banner">  
	<div id="logo">  
		<h1>ABC</h1>  
		<h2>123</h2>  
	</div>  
</div>  

Der Style dazu:

  
#banner {  
	position: relative ;  
	z-index:1;  
	width: 980px;  
	height: 240px;  
	margin: 0 auto;  
	padding: 0;  
	background-color:#000;  
}  
  
#logo {  
	position: relative;  
	z-index:99;  
	width: 980px;  
	height: 240px;  
	margin: 0 auto;  
	padding: 0;  
	top: -220px;  
}  

Funktioniert auch soweit.
Aus bestimmten Gründen (wegen CMS) kann ich das "Logo"DIV aber nicht im "Banner"DIV verschachteln.

Ich dachte das müsste auch gehen wenn das "Logo"DIV unterhalb steht:

  
<div id="banner">  
	  
</div>  
<div id="logo">  
	<h1>ABC</h1>  
	<h2>123</h2>  
</div>  

Dadurch stimmt aber die Position des "Logo"DIV nicht mehr.

Könnt Ihr mir da bitte helfen? Wieso unterscheiden sich die beiden Varianten überhaupt in der Ausgabe?