HTML
Cita: <div id="galeriacolor1" class="galeria">
<ul>
<li><img src="1pc.jpg" /></li>
<li><img src="2pc.jpg" /></li>
<li><img src="3pc.jpg" /></li>
<li><img src="4pc.jpg" /></li>
<li><img src="5pc.jpg" /></li>
</ul>
</div>
<div id="galeria1" class="galeria">
<ul>
<li><a href="1g.jpg"><img src="1p.jpg" /></a></li>
<li><a href="2g.jpg"><img src="2p.jpg" /></a></li>
<li><a href="3g.jpg"><img src="3p.jpg" /></a></li>
<li><a href="4g.jpg"><img src="4p.jpg" /></a></li>
<li><a href="5g.jpg"><img src="5p.jpg" /></a></li>
</ul>
</div>
CSS
Cita: .galeria{
position:absolute;
width:950px;
height:115px;
left: 77px;
top:336.5px;
}
.galeria ul{
list-style:none;
margin:0 auto;
padding:0px;
}
.galeria ul li{
display:inline;
padding:0 23px;
}
.galeria a{
width: 110px;
height: 110px;
}
.galeria a img {
border:0px;
}
.galeria a:hover {
filter: alpha(opacity=0);
-moz-opacity: .0;
opacity: .0;
}
Como puedes ver tengo unas arriba y otras abajo, si en el hover le pongo visibility=hidden me funciona pero al estar escondido el hover no va bien ya que da saltos.
Saludos