Prueba y curiosea el código, y después comentas:
Código HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>DvillB</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<style type="text/css">
* { margin: 0; padding:0; border: none;}
body, html{width: 100%; height: 100%;}
.over {position: relative; overflow: hidden; width:500px;}
.over span.tooltip {display: none;}
.over:hover span.tooltip {
background: rgba(128,0,0, .6);
color:#000000;
font-size:1em;
font-family: georgia;
text-align: justify;
font-variant: small-caps;
left:0;
position:absolute;
top:0;
left:0;
display:block;
z-index:10;
}
</style>
</head>
<body>
<div class="over"><img src="http://thefricky.files.wordpress.com/2007/09/ye_old_cristalab2.jpg" alt=" una imagen" /><span class="tooltip">"Como les había comentado antes, Cristalab es un sitio sumamente divertido. Desde hace como 15 días a nuestro detestado amado webmaster, Freddie, se le ocurrió la iluminadora idea de emular en Cristalab la gloriosa época victoriana con estas sentidas palabras:..."</span></div>
</body>
</html>Con permiso del autor de la imagen
Ésta sería la realización más básica/inicial, pero como no has dado pistas sobre tu código o composición... cualquier otra será igual de errada.
Drake, el atributo "alt" (alternativo) nunca fue definido para presentar su texto al ":hover", sino para incluir el texto que se habría de mostrar en caso de no cargar la imagen, pese a que los ie lo hiciesen mal. Creo que en ie8 ya lo corrigieron.
El atributo encargado de esa función siempre fue "title".
Saludos
