✔ position: absolute innerhalb relative

[campari]

Moin,

ist es zulässig position: absolute innerhalb von position: relative anzugeben?
In allen mir verfügbaren Browsern (FF, OP, Ns unter Win und Linux)) klappt es, dass beide Container (class "eins" und "dreiueber") linksbündig zentriert werden, ausser IE (hab nur 6.0) stellt anders dar..
Wenn ich die z-indexe weglasse und folglich auch ohne Absolutangaben arbeiten kann, wirds in IE auch bündig dargestellt, deswegen denk ich hängts irgendwie damit zusammen.

Direktlink:

http://atomlol.at.funpic.de/php/a.html

screen, wies aussehen soll:

http://atomlol.at.funpic.de/php/screenahtml.jpg

css:

.center {
	text-align: center;
}
.gesamt {
	margin: 0px auto;
	width: 700px;
	height: 579px;
	position: relative;
	left: 0px;
	top: 0px;
}
.eins {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
	height: 400px;
	background-color: #FFC3AF;
}
.zwei {
	position: relative;
	left: 150px;
	top: 0px;
	float: left;
	width: 550px;
	height: 400px;
	background-color: #0FC3AF;
}
.dreiueber {
	clear: left;
	position: relative;
	top: 0px;
	left: 0px;
}
.drei {
	z-index: 2;
	width: 693px;
	height: 85px;
	position: absolute;
	top: 1px;
	left: 6px;
	background-color: #FFE0CC;
}
.dreirand {
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 90px;
	background-color: #A48359;
}

Html:

<div class="center">
<div class="gesamt">

<div class="eins">eins</a></div>

<div class="zwei">zwei</div>

<div class="dreiueber">
<div class="drei">drei</div>
<div class="dreirand"></div>
</div>

</div>
</div>

Prost
campari

 

[Maik]

Probier es mal mit einer absoluten Positionierung:

.zwei {
        position: absolute;
        left: 150px;
        top: 0px;
        width: 550px;
        height: 400px;
        background-color: #0FC3AF;
}
.dreiueber {
        position: absolute;
        top: 400px;
        left: 0px;
}

 

[campari]

Gute Idee