Cita:
Iniciado por flashmax 
Hola te dejo un ejemplo sencillo en css:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
a span {display: none;}
a:hover span {display: block; position: absolute;
background-color:#CCC;
border:#000 1px solid;
border-radius:5px;
padding:5px;
top:40px;
left: 50px;}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>
</head>
<body>
<a href="enlace"> <span>Aqui encontraras <br />nuestros productos</span>productos</a>
</body>
</html> Gracias, pero me sale la descripcion arriba de la imagen, me dijeron que lo hiciera con onMouseOver y onMouseOut, me puedes armar un codigo utilizando esos (onMouse) yo ya arme uno pero me sale mal porque cuando paso el Mouse sale la descripcion y cuando lo quito la descripcion sigue ahi, la unica forma de que se esconda la descripcion es pasando el Mouse denuevo y quiero que se quite apenas quiten el mouse (pongo cursor, sale descripcion , quito el cursor, esconde descripcion)