Problema con galería miniaturas

[jorgepunki]

Hola todos, soy un novato en css y tengo un problema a la hora de crear una galería de imágenes. Consiste en lo siguiente: una serie de miniaturas que al hacer click sobre ellas se abren a tamaño grande (todas ellas se hacen grandes en el mismo lugar). Este es el css que he utilizado:

#contenedor{
width: 300px;
}

.miniatura span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;}

.miniatura:active span, .miniatura:focus span{
visibility: visible;
top: 0;
left: 230px;
z-index: 50;
}

Con esto consigo el objetivo pero al pulsar sobre una se me hace grande, pero al pulsar en otra distinta se superpone a la otra. Lo que quiero es que al hacer click sobre cualquier miniatura se cierre la anterior. No se si me he explicado muy bien...

Un saludo y gracias de antemano.