[CSS] Positionieren eines Divs an einem verschiebbaren Element

[m0mo]

Hallo Liebe Webbastlergemeinde,

ich habe folgendes Problem: Mit css habe ich einen Div Horizontal zentriert:

body {
text-align:center;
margin:0px;
padding:0px;
}

#mittig {
width:700px;
margin:0px auto;
text-align:left;
}

Soweit so gut, kein Problem. Nun moechte ich aber gern einen anderen div links ueber den div legen, sodass dieses daruebergelegte Div teils ueber dem #mittig div ist und der Rest ausserhalb liegt. In etwa so, wie in der angehaengten Grafik:

Nun die Frage: wie kann ich das anstellen?

Ich habe schon mit position:absolute; rumgespielt und den Div der drueber liegt, im #mittig container definiert. Leider kam ich nicht zu dem gewuenschten Ergebnis, da das Elternelement ja auch nicht absolut positioniert ist und sich die angaben dann auf den Body beziehen.

Waere fuer jede Hilfe dankbar

mfg
m0mo

 

[ThaHammer]

gib dem mittig mal ein relative und dem links dann das absolute.
Und denn z-index nicht vergessen. Das hat heute auch auf einer meiner Seiten funktioniert.