Visualizzare immagini in chrome e internet explorer

Salve a tutti

ho un problema con le immagini

Ho inserito delle immagini in ua tabella e quando ci posiziono il mouse le immagini si ingrandiscono senza problemi. Il tutto funziona però solo con FIREFOX mentre in INTERNET EXPLORER e CHROME le immagini si ingrandiscono in modo errato.

Per spiegarmi meglio in FIREFOX le immagini si ingrandiscono di misura 300 x 225 mentre con gli altri 2 browers le immagini ingrandite misurano 49 x 229.

Qualcuno sa come risolvere questo problema io è da parecchio che ci sto provando.

Grazie e buona serata

[acsocmel]

non hai postato codice o un link così ho fatto un esempio
http://cory.altervista.org/tecniche/...con-zoom.shtml

Grazie è proprio quello che mi serve.

L'unica cosa è che non riesco ad inserire il codice nel sito.

Credo che lo dabba inserire con codice HTML all'interno del sito ma non so dove inseire queste 2 parti di codice

<ul class="esempio-1"><li><a href="#"><img src="http://placehold.it/120x80" alt="esempio"/></a></li><li><a href="#"><img src="http://placehold.it/120x80" alt="esempio"/></a></li><li><a href="#"><img src="http://placehold.it/120x80" alt="esempio"/></a></li><li><a href="#"><img src="http://placehold.it/120x80" alt="esempio"/></a></li><li><a href="#"><img src="http://placehold.it/120x80" alt="esempio"/></a></li><li><a href="#"><img src="http://placehold.it/120x80" alt="esempio"/></a></li><li><a href="#"><img src="http://placehold.it/120x80" alt="esempio"/></a></li><li><a href="#"><img src="http://placehold.it/120x80" alt="esempio"/></a></li><li><a href="#"><img src="http://placehold.it/120x80" alt="esempio"/></a></li><li><a href="#"><img src="http://placehold.it/120x80" alt="esempio"/></a></li><li><a href="#"><img src="http://placehold.it/120x80" alt="esempio"/></a></li><li><a href="#"><img src="http://placehold.it/120x80" alt="esempio"/></a></li></ul>

e il codice CSS

.esempio-1, .esempio-1 li {
   margin: 0;
   padding: 0;
   list-style-type: none;
   font-size: 0;
   line-height: 0;
   text-align: center
}
.esempio-1 li {
   width: 120px;
   margin: 10px;
   position: relative;
   display: inline-block
}
.esempio-1 li a:hover img {
   position: absolute;
   z-index:10;
   width: 200%;
   left: -50%;
   top: -110px
}

Grazie e buona serata