Código:
y lo aplico asi abbr.info{ position:relative; z-index:24; text-decoration:none} abbr.info:hover{z-index:25;} abbr.info span{display: none} abbr.info:hover span{ display:block; position:absolute; top:0em; left:8em; width:35em; border:2px solid #999999; background-color:#000000; color:#FFFFFF; text-align: left filter: alpha(opacity=80); opacity: .8 }
<abbr class="info" style="cursor: pointer;">
<span>Aqui se Mostrara esto a Hacer el Tooltip</span><img src="imagen.jpg" border="0" alt="" title="">
</abbr>
ahora bien en Firefox me funciona perfecto y en IE mas o menos ya que en algunas paginas se ve bien y en otras el IE simplemente no hace nada y las imagenes me las dispara hacia arriba :/ alguna sugerencia....