/* CSS Document */
.galeria {
	font:11px Arial, Verdana,  Helvetica, sans-serif;
	text-align:center;
	height:258px;
	width:605px; 
	margin: auto;
	}
.img-aqui { 
	background: url('bijuteria/capa_calcados.jpg') center no-repeat; 
	width:300px; 
	height:215px; 
	position:relative; 
	float:right; 
	border:1px solid #fff;
	right:4px
	}
ul.fotos {
	position:relative;
	list-style:none;  
	width:300px;
	padding:1px;
	margin:0; 
	padding:0; 
}
.fotos:after {
	display: block;
	content: ".";
	height: 0;
	font-size:0; 
	visibility: hidden;
	clear: both;
	}
ul.fotos li {
	width:67px;
	height:50px;
	float:left; 
	border:2px solid #444;
	margin:1px; 
}
ul.fotos li img {
	border:none; 
	width:67px;
	height:50px;
}
ul.fotos li span img {
	border:none;
	width:300px;
	height:225px;
	height:auto;
}
ul.fotos a {
	display: block;
	} 
ul.fotos a span {
	display: none;
}
ul.fotos a:hover span.legenda {
	display: block;
	text-align:center; 
	width:300px;
	position:absolute;
	top:227px;
	left:-2px;
}
ul.fotos a:hover span {
	display: block;
    position: absolute;
	top:-5px;
	left:300px; 
	background:#fff;
	border:1px solid #666;
   }
ul.fotos a:hover span.legenda {
	padding:1px 0;
	color: #000066; 
}
<!--[if lte IE 6]>
ul.fotos {
	width:300px;
	padding:  2px 0 1px 0;
	}
ul.fotos li {
	margin-top:0; 
}

/* Fixes for IE */
/* Fix IE. Hide from IE Mac \*/
ul.fotos li { float: left; height: 1%; }
ul.fotos li a { height: 1%; }
/* End */
ul.fotos a:hover {
	text-decoration:none;
	background: none; 
	} 
ul.fotos li {width:67px;}
ul.fotos a:hover span.legenda {width:300px;}

<!--[endif]-->