Ho riscritto il tutto usando lo <span> adesso ho un problema diverso...vorrei che quando esco dalla miniatura venisse chiusa l'immagine originale, questo il nuovo codice:
codice HTML:
<html>  <head>    <meta content="text/html; charset=windows-1252" http-equiv="content-type">    <style type="text/css">
.thumbnail{position: relative;z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{ /*carateristiche dell'immagine ingandita e del testo relativo*/
position: absolute;/*relative invece di absolute per posizione relativa foto piccola*/ 
background-color: lightyellow;/*colore sfondo della foto*/
padding: 5px;/*cornice*/
visibility: hidden;color: black;text-decoration: none;}
.thumbnail span img{ /*caratteristiche dell'img ingrandita*/
border-width: 0;padding: 10px;}
.thumbnail:hover span{ /*posizione dell'img ingrandita*/
visibility: visible;
}
</style>
</head>
  <body>
<a class="thumbnail" href="#thumb"><img src="13009.jpg" border="0">
                                              <span><img src="13021.jpg"><br>Nome Foto 1</span></a>
<a class="thumbnail" href="#thumb"><img src="13009.jpg" border="0">
                                             <span><img src="13021.jpg"><br>Nome Foto 2</span></a>    <br>    
<a class="thumbnail" href="#thumb"><img src="13009.jpg" border="0">
                                             <span><img src="13021.jpg"><br>Nome Foto 3</span></a>    <br>  
</body>
</html>