ciao a tutti e buona lettura per il mio "problemuccio":
Dovrei riuscire ad avere una pagina con 10 layer identici, ciscuno dei quali viene sostituito da un altro in base all'evento OnMouseOver del mouse.
Qui sotto ne riporto solo due...
codice:
<td colspan="2" rowspan="5" valign="top">


  <div id="Layer_1">
  <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0">
  <tr>
  <td>QUI CI VA LA FOTO_1</td>
  </tr>
  <tr>
  <td height="50">descrizione default</td>
  </tr>
  </table>
  </div>



  bla bla bla....


</td>
Nel mio css c'è:

/* IMPOSTAZIONE LIVELLI */
#Layer_1{
position:relative;
width:100px;
height:100px;
background:#9c9000;
border:1px solid #000000;
z-index:1;
}
#Layer_2{
position:relative;
width:100px;
height:100px;
background:#ffffff;
border:1px solid #000000;
z-index:1;
}
ecc...

Il mio problema è che il primo livello mi sta ben fermo (è 'show' quando carico la pagina), ma quando con l'OnMouseOver aziono il secondo, il primo mi scompare (giustamente) e mi compare il secondo ma non sopra il layer_1, bensi sta sotto (come fosse andato a capo)...

Il tutto mettendo le posizioni assolute funziona, perchè con il 'relative' no??? Cosa manca??