Immagini che al passaggio del mouse si ingrandiscono

/* IMME */
.originale {position: relative; z-index: 0}
.originale:hover {background-color: transparent; z-index: 9}
.originale span {position: absolute; background-color: #EEEFEE; padding: 5px; right: 0; display: none; border: 3px solid #656262; visibility: hidden; color: #868686; text-decoration: none; font-weight: bold}
.originale span img {border-width: 0; padding: 2px}
.originale:hover span {visibility: visible; top: 10px; display: block; width: 200px; left: 15px}

.anteprima {position: relative; z-index: 0}
.anteprima:hover {background-color: transparent; z-index: 9}
.anteprima span {position: absolute; background-color: #EEEFEE; padding: 5px; right: 0; display: none; border: 3px solid #656262; visibility: hidden; color: #868686; text-decoration: none; font-weight: bold}
.anteprima span img {border-width: 0; padding: 2px}
.anteprima:hover span {visibility: visible; top: -230px; display: block; width: 170px; left: -40}

<a class="originale"href="?act=Profile&MID=IDUtente"><img src="link immagine piccola" height="altezza immagine piccola in px" width="larghezza immagine piccola in px"><span>
<img src="link immagine grande">
<br><br>
Scritte</b></span></a>

<style type="text/css">

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

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

}

</style>

<a class="thumbnail" href=><img src=LINK IMMAGINE PICCOLA CHE COMPARE SUL FORUM width="16px" height="53px" border="0" /><span><img src=LINK IMMAGINE CHE SI VEDE AL PASSAGGIO DEL MOUSE /><br />TESTO</span></a>