Ho notato che usi un posizionamento indipendente per ogni immagine.
Se vuoi centrare l'immagine in basso (a span img) e fare in modo che non si "sposti" al click (come avviene adesso devi impostare lo stesso stile che usi per hover anche per active e focus:
codice:a.gallery:active span img, a.gallery:focus span img { margin:10px; border:1px solid #000; position:relative; z-index:100; }