Steve: 2 DIVs übereinander zentrieren geht nicht

Beitrag lesen

Hi!

Ich hänge vor einem krassen Problem: ich habe zwei DIVs - die eine stellt ein Bild im Hintergrund (z-index:2) dar, die andere einen Text im Vordergrund (z-index:5).

Beide DIVs sollen aber am oberen Rand des Frames sitzen (müssen nicht pixelgenau oben sitzen) und dabei ZENTRIERT sein.

Ich hab' schon echt viel versucht, aber keine Lösung hat mit beiden großen Browsern funktioniert.

Irgendwie glaube ich aber, das das gehen muß:

meine DIVs:

<div class="back">
   ein Bild bzw. je nach Unterseite mehrere dunkel gehaltene Bilder
</div>

<div class="front">
   Textinhalt
</div>

die zugehörigen CSS-Definitionen sind wohl das Problem(?):

...
DIV.back {position:relative;z-index:2;align:center;vertical-alignment:center;}
DIV.front {position:relative;z-index:5;align:center;vertical-alignment:center;}
...

Wenn ich an den Einstellungen drehe (mal mit top-Angabe mal ohne) erscheint es NIE
in beiden Browsern richtig. Genügsamer scheint mir hier Netscape zu sein, da ich es
hier schonmal geschafft habe. Aber der IE zeigt die DIVs entweder stier untereinander
oder die Textebene HINTER der Grafikebene an.

Ich bin z.Zt. ziemlich ratlos.
Wer kann helfen???

Danke,
Steve