Ho trovato questo codice per fare lo zoom di un'immagine:

<style type="text/css">
a.zoom img
{
border: solid 1px #ffffff;
}
a.zoom span
{
position: absolute;
visibility: hidden;
}
a.zoom
{
position: relative;
z-index: 0;
}
a.zoom:hover
{
z-index: 1;
}
a.zoom:hover span
{
visibility: visible;
top: -70;
left: -45px;
}
</style>

e lo richiamo come link in questo modo:


[img]calcio/Squadre.jpg[/img]<span>[img]calcio/Squadre2.jpg[/img]


il tutto fa quello che deve fare, il problema nasce quando voglio lo stesso zoom su un'altra immagine:

[img]calcio/Forma.jpg[/img]<span>[img]calcio/Forma2.jpg[/img]

e

[img]calcio/Squadre.jpg[/img]<span>[img]calcio/Squadre2.jpg[/img]

lo zoom funziona su tutte e due le immaginine però quando passo con il mouse sulla prima, lo zoom di questa va sopra l'atra immagine chè comunque rimane in primo piano sull'immagine

Non capisco...