Buenas tengo este tool tip para mostrar las vistas de las imágenes:
Código HTML:
<a href="imagenes_css.php" target="imagenes" class="vistas"><img src="imagen.jpg" alt="Imagen" title="Imagen" width="80" height="60" class="imagenespequeñas" /><span><?php echo $fila["vistas"]; ?> visitas</span></a>
El css del tooltip (vistas) es el siguiente:
Código HTML:
<style type="text/css">
a.vistas{
position:relative;
text-decoration:none}
a.vistas:hover{background-color:transparent;z-index:20;}
a.vistas span{display: none}
a.vistas:hover span{
display:block;
position:absolute;
top:2em;
left:2em;
border:1px solid #A8A439;
background-color:#939059;
color:#F5F5EE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
</style> El problema es que por ejemplo aquí se me mueve o aparece la imagen central al pasar el cursor por encima en Mozilla.
Error en Mozilla
Además en Opera en este otro ejemplo se descoloca totalmente y solo la primera imagen lo hace correctamente con Opera, al pasar sobre la segunda se desplaza y las demás se desplaza:
Error en Opera
¿Puedo solucinar algo?
Gracias de antemano
