css+javascript
 

Saludos:
Soy nueva en la comunidad : ) Y he llegado a un punto en el que necesito ayuda, porque no se me pasa por la cabeza como arreglarlo.
Este es el tema:
Tengo una función JS en una imagen que abre otra ventana, hasta aquí normal. Lo que pasa es que la imagen que lleva esa función solo está activa (CSS) al pinchar en ella. Todo funciona bien, salvo que al hacer click sobre la imagen activa, y aparecer la ventana nueva, la imagen activa se va. Esto sucede solo en Firefox, en IE se queda todo en su sitio. Os paso el código relevante:

el html del body:
<a href="#nopgo" class="gallery slidea"><em><img src="c_images/m-antoinette.jpg" border="0" onClick="javascript:abrir('c_images/g-heuredujour-dl.jpg')" /> <img src="c_images/m-antoinette.jpg" /></em><span>PASTORITA<br />

css:
#fotosmedianas a.gallery:active em, #fotosmedianas a.gallery:focus em
{display:block;
position:absolute;
width:525px;
height:380px;
top:1px;
left:-750px;
padding:5px;
color:#000;
z-index:50;
visibility:visible;}

La idea simplemente es que a.gallery:active em (que es la imagen que lleva al js) permanezca ahí mientras aparece la nueva ventana. Si me podéis echar un cable, se agradece!! Gracias.

En realidad tiene razón Firefox, Cuando se abre otra ventana ¿Quién está activo? Pues la otra ventana, no el botón que lo activó.

Habría que ampliar el JavaScript para que cambie de Status la imagen en ciertas condiciones, tal vez hasta que se cierre la otra ventana, tal vez un contador, tal vez permanente.

Con Css lo único, que no es el caso sería a:visited