Te pongo un poco porque el CSS que estoy usando es bastante largo pero repetitivo.
Veras que tengo puesto que la imagen cambie al pasar el cursor por las fotos, en los botones con letras tambien cambia el fondo y ademas tiene hipervinculo y en las que no hay nada, las dejo vacias, solo pongo el alto y ancho.
Pongo solo de las dos primeras casillas, el resto es igual.
Código CSS:
Ver original#mosaico {
float:left;
margin: auto;
margin-top: 50px;
position: relative;
}
#mosaico a {
list-style-type: none;
}
#mosaico a.uno-uno {
display:block;
width: 200px;
height: 133px;
}
#mosaico a.uno-dos {
display:block;
width: 200px;
height: 133px;
background: url(Miniaturas%20index/Desmarcadas/01-02.jpg);
background-repeat: no-repeat;
-webkit-transition-duration: 0.2s;
}
#mosaico a.uno-dos:hover {
width: 200px;
height: 133px;
background: url(Miniaturas%20index/Marcadas/01-02.jpg);
background-repeat: no-repeat;