CSS - 2 übereinander liegende DIVs

[kamui]

Hallo

Ich habe 2 DIV-Layer, die gleich groß & breit sind und übereinander liegen. Der eine soll den Hintergrund darstellen und in dem anderen will ich den Text schreiben.

Jetzt habe ich es mit z-index so geschafft, dass der eine Layer über dem anderen ist, aber nun sieht man nichts mehr vom Hintergrund-Layer - auch wenn ich background-color auf transparent gestllt habe im Schrift-Layer ...

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:

  #head {
    z-index: 1;
    width: 697px;
    height: 195px;
    background-color: transparent;
  }
  #gradient {
    z-index: -1;
    width: 697px;
    height: 195px;
    position: absolute;
    top: 19px;
  }

Habe jetzt gemerkt, dass #gradient durch den negativen z-index gar nicht angezeigt wurde...
Wenn ich aber #head auf z-index: 2 und #gradient auf z-index: 1 setze, wird #gradient über dem #head angezeigt ...

---
Problem gelöst. Es lag daran, dass #head nicht position: absolute war Augenzwinkern