Mostrar una imagen con mouse over

[Hyemin]

Basicamente lo que quiero es hacer que cuando le pase por arriba a un link me aparezca la imagen asociada.

Probe con la solucion de este porst http://www.forosdelweb.com/f13/pasar...magen-1017115/

Pero el problema que tengo es que cuando el link esta cerca de un borde o de otro elemento de la pagina estos se superponen y la imagen a veces "se corta" o simplemente queda debajo del otro elemento.

Alguna sugerencia?

[fede5426]

Código HTML:

<a href="#">
  Link
  <img src="http://oi61.tinypic.com/15ds9xf.jpg" />
</a>
 

Código CSS:

a{
  position:relative;
}
 
img{
  position:absolute;
  top:100%;
  left:-125px;
  display:none;
}
 
a:hover > img,
img:hover{
  display:block;
}
 

Ejemplo: http://codepen.io/anon/pen/vEoQrL

Este está hecho solo con CSS, si se superpone con otros elementos usa z-index para "moverlo" a lo más alto.

Saludos