Zoom immagini problemi con diversi browsers

[jonnyl]

Ciao ragazz,
ho trovato questa bella funzione con i css che ingrandisce l'immagine "onmouseover" veramente semplice da implementare ma a quanto pare , dal momento che verifico sempre il comportamento dei fogli di stile nei differenti browsers, ha un problema di allineamento.
Date le coordinate di dove essere aperta l'immagine ingrandita ho notato che Iexplorer e Firefox hanno coordinate differenti, e cioe se l'immagine zoommata si vede bene nel firefox in linea con l'angolo superiore sinistro della thumbnail, nell'IExplorer viene sfanculata molto piu in alto .........E mo?

Qualcuno sa come uniformare la cosa?


vi posto il codice:


questo è cio che va nel foglio di stile

.thumbnail {position: relative;
z-index: 0}

.thumbnail:hover {background-color: transparent;
z-index: 5}

.thumbnail span {/*CSS for enlarged image*/
position: absolute;
background-color: none;
padding: 0;
left: 0;
border: none;
visibility: hidden;
color: black;
text-decoration: none}

.thumbnail span img {/*CSS for enlarged image*/
border-width: 0;
padding: 0px}

.thumbnail:hover span {/*CSS for enlarged image on hover*/
visibility: visible;
top: -300px;
left: -75px; /*position where enlarged image should offset horizontally */}

questa è la stringa per creare l'immagine zoommabile:

<a class="thumbnail" href=>[img]031.jpg[/img]<span>[img]031.jpg[/img]</span></a>

veramente facile ma ditemi che c'è una soluzione per fare in modo che i riferimenti cartesiani coincidano PLZ!!!

grazie in anticipo

[Mich_]

In quel codice ci sono un paio di cose che non mi piacciono:
1. dentro il .thumbnail span { non vedo il posizionamento verticale: aggiungi anche
top:0;

2. perche` riposizioni lo span interno all'hover?
Prova a togliere top e left da .thumbnail:hover span {

[jonnyl]

Lo span lo riposiziono poichè vorrei che venisse sopra la thumbnail centrato.

Comunque ho seguito il tuo consiglio, ma non cambia molto ,l'immagine grande è perfettamente allineata a sistra con la thumbnail, ma il problema sussiste sull'asse delle Y , in netscape L'img grande ha l'angolo in alto a sinistra che coincide con l'angolo in basso a sinistra della thumbnail, in Iexplore i due angoli in alto a sinistra coincidono.

[Mich_]

Puoi postare il link? Vorrei capire se c'e` qualche altro elemento che interferisce;
magari si risolve semplicemente cambiando la DTD.