FOTOS Verticais E Horizontais no Pure CSS Menu

Bom dia , anda estou muito no inicio do CSS/HTML e pretendia fazer um album de fotos com output igual ao:

http://www.maujor.com/tutorial/galeria-fotos/final.html

O princípio de funcionamento da galeria baseia-se em uma técnica desenvolvida pelo mestre Eric Meyer, denominada "Pure CSS Menu" que consiste em inserir um elemento SPAN dentro de um elemento LINK e manipular as propriedades display e position do elemento SPAN para obter o efeito de esconder/aparecer o conteúdo de SPAN.

Consigo reproduzir as minhas fotos atraves do redimensionamento correcto de tamanhos dos thumbnails e das fotos principais (dimensionei os thumbnails com 75 x 50px em duas colunas e as fotos com 500 x 375px) --> FUNCIONA BEM PARA AS FOTOS HORIZONTAIS!!

SE FOREM FOTOS VERTICAIS, APESAR DO REDIMENSIONAMENTO ESTAR CORRECTO (75/50 E 500/375), ELAS SÃO NO ENTANTO APRESENTADAS AMPLIADAS/DISTORCIDAS NA VISTA DO THUMBNAIL (É ACEITAVEL) MAS TAMBÉM NA VISTA PRINCIPAL OCUPANDO UMA ALTURA MUITO MAIOR QUE AS FOTOS HORIZONTAIS FICANDO TUDO MAL ENQUADRADO:!: !!)

PERGUNTO: mantendo a estrutura do album exemplificado com quadros do mesmo tamanho 500x375, como conseguir reproduzir as fotos horizontais E verticais sem distorção de tamanho e bem enquadradas?

Cumprimentos

Jorge