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

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

Codice HTML:

---

<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

Codice:

---

.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