Miniaturas (Thumbnails) tapadas con un fondo semitransparente

[CorpseOfSteel]

Buenas, vereis estoy haciendo un portafolio donde se ven muchas miniaturas. Lo he echo mediante una lista en bloque, osea cada miniatura es un <li>, y estan dentro de un <ul>. Y cada miniatura es un enlace que abre la imagen grande.

Bien, pero ahora lo que quería hacer es que estas miniaturas esten tapadas por un cuadro gris semitransparente, y que cuando pongo el cursor encima de alguna miniatura, este cuadro desaparezca mostrando la miniatura.

Esto lo ví hace tiempo en algun sitio, pero no se como hacerlo, tengo puesto este código:

Código:

a:hover .thumbnail {
	background:#919191;
}

Pero esto me pone ese cuadro gris debajo de la miniatura, no ecima, ni semitransparente.

Alguien podría echarme una mano?? Muchas Gracias por adelantado!!

[Mikmoro]

A ver si este ejemplo te sirve de algo.