hola amigos, mi problema es el siguiente: Estoy haciendo uso del efecto de acordion con mootools dentro de ella he puesto un link de "ver imagen" donde paso el mouse y me muestra una imagen tipo popup, el problema surge que cuando el acordion esta por decirlo asi encogido el link esta dentro del acordion no lo esconde les pongo mejor una imagen para que me entiendan.
Asi se muestra el acordion
Aca se muestra cuando ya hise clic y se desplego.
Como se pueden dar cuenta cuando el acordion esta sin desplegar ese link donde va la imagen no se esconde y se ve sobre encimado.
les dejo el css del mouse over de la imagen, pienso que por ahi puede estar el problema, pero no logro ubicarlo.
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #e0f0ff;
padding: 5px;
left: -1000px;
border: 1px solid #c2e1fe;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}
Gracias de antemano