Estou criando uma página com um efeito do tipo CSS lightbox usando a pseudo-classe: target. Quando você clica em uma imagem, uma caixa aparece com informações e desaparece novamente quando você clica em qualquer lugar.

Está funcionando perfeitamente no Chrome e no IE, mas no firefox há um bug estranho em queo texto na div da minha mesa de luz desaparece quando você afasta o mouse da caixa. Está agindo como um efeito de foco, onde você só pode ver o texto quando está passando o mouse sobre ele.

Espero que essa explicação faça sentido, por favor, deixe-me saber se não estava claro.

Meu CSS está aqui:

.lightbox {
display: none;
position: absolute;
z-index: 8;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #fff; 
padding-left: 30px;
}

.lightbox:target {
/* Show lightbox when it is target */
display: block !important;
outline: none;
}

Entre em contato se precisar de mais informações.

Muito obrigado!