flo: CSS Layer positionierung

Beitrag lesen

Hallo zusammen!

Ich habe folgendes Problem:

code:
<css>
.container {position:absolut; top:200px; left:150px; width:900px; height:400px;}
.kasten1 {position:relative; top:20px; left:20px; width;50px; height:50px}
.kasten2 {position:relative; top:50px; left:120px; width;50px; height:50px}
.kasten3 {position:relative; top:20px; left:500px; width;50px; height:50px}
</css>
<body>
<div class="container">
<div class="kasten1">
  text1
</div>
<div class="kasten2">
  text2
</div>
<div class="kasten3">
  text3
</div>
</div>
</body>

Ich möchte, dass die position der divs kasten1-kasten3 immer vom div container ausgehen!

jetzt werden der kasten-div von "left:XXpx" korrekt angezeigt!
die positionierung "top:YYpx" wird aber nicht bei jedem kasten von dem oberen rand her gemessen. obwohl kasten3 "top:20px" hat, wird er unterhalb von kasten2 angezeigt!?