#gallery{
width: 260px;
height: 140px;
background-color: #1d2022;
position: relative; /*per potere applicare la position:absolute; a suoi elementi*/
}
#gallery a{
	display: block;
	width: 130px;
	height: 90px;
	position: absolute; /*altro che per posizionare e richiesto per applicare il z-index*/
	background-color: white;
	padding: 1px;
	margin-top: 10px;
}
#gallery a:hover{
border: 1px solid white; /*fix per Internet Explorer. Senza, il cambio di z-index sullo stato hover è ignorato*/
z-index: 100; /*profondità superiore a tutte*/
}
/*immagine di sfondo per ogni link e z-index dicrescente*/ 
#img1{
background: url(foto/img1.jpg) no-repeat center;
left: 5px;
z-index: 5;
}
#img2{
background: url(foto/img2.jpg) no-repeat center;
left: 30px;
z-index: 4;
}
#img3{
background: url(foto/img3.jpg) no-repeat center;
left: 60px;
z-index: 3;
}
#img4{
background: url(foto/img4.jpg) no-repeat center;
left: 90px;
z-index: 2;
}
#img5{
background: url(foto/img5.jpg) no-repeat center;
left: 120px;
z-index: 1;
}