z-index + position relative

[liquidator87]

Ciao a tutti,

ho due div all'interno di uno esterno che li contiene entrambi... come faccio ad usare lo z-index per metterne uno sopra l'altro, mantenendo la posizione relative?

<div style="padding-top:20px">
  <div style="background-color:red;width:920px;position:relative;z-index:1">
    s
  </div>
  <div style="background-color:white;width:920px;position:relative;z-index:2">
    s
  </div>
</div>

Questo non funziona, chi mi aiuta?

[Mich_]

Credo che devi usare posizioni assolute, altrimenti e` piu` difficile farli sovrapporre:
[code]<div style="padding-top:20px; position:relative;">
<div style="background-color:red;width:920px;position:absolute; left:...; z-index:1">
s
</div>
<div style="background-color:white;width:920px;position:absolute; left:...;z-index:2">
s
</div>
</div>

[liquidator87]

ho scoperto che era anche il padding nel contenitore a rompere le palle...