sovrapporre due img

[icobi]

voglio mettere due img una sopra l'altra e impostare che con un overflow vari il z-index...

il problema è che non so mettere un'immagine sotto/sopra ad un'altra

nel senso: se avessi le misure in px ok con position relative, ma essendo tutto in percentuale (fluid grids...bla bla bla) come diavolo faccio??

grazie per l'aiuto!

[icobi]

http://www.html.it/articoli/il-posiz...o-con-i-css-3/

ho provato a fare quanto dice qui, ma non funziona... le due img restano una sopra l'altra...

HTML:

<div style="position: relative;">
   <figure class="images img_position">[img]img/cascina_04.jpg[/img]</figure>
   <figure class="images2 img_position">[img]img/cascina_03.jpg[/img]</figure>
</div>

CSS:

.images {
     border-bottom-style: solid;
     border-bottom-width: 3px;
     border-bottom-color: #eaeaea;
     z-index: 2;
}
.images:hover { 
     z-index: -1;
}
.images2 {
     border-bottom-style: solid;
     border-bottom-width: 3px;
     border-bottom-color: #eaeaea;
     z-index: 1;
     position: relative;
     top: 0em;
}
img_position {
     position: absolute;
     top: 0;
     left: 0;
}

cosa sbaglio?

[icobi]

manco così funziona...

<figure style="position: relative;">
   [img]img/cascina_04.jpg[/img]
   [img]img/cascina_03.jpg[/img]
</figure>

[icobi]

proprio nessuno che mi da una mano??!?

[icobi]

ripiegherò su questo:

pluralistdesign.com
Adobe tv - the puralistdesign