[css] comparsa testo al passaggio del mouse

sò che è già stato trattato ma non riesco a risolvere..
vorrei fare in modo che passando col mouse su un link, sotto di esso appaia un piccolo riquadro con un testo..
se non avete voglia di spiegarmelo, ma conoscete un link buono passatemelo per favore..
credo di dover fare tipo così:

a.news:link,a.news:hover,a.news:visited{
font-size: 8pt; 
color: #666699; 
font-weight:bold; 
font-family:verdana; 
text-decoration:none
}
a.news:hover span{
display: block;
border: 1px dashed #666699;
width: 200px;
height: 60px;
background-color: #FFFFFF;
position: relative;
text-align: center;
}

e poi non sò cosa devo mettere nella pagina da visualizzare..
grazie 1000 per le eventuali risposte

[funcool]

Ho trovato un esempio con Javascript qui. Dovresti modificare onclick con onmouseover e onmouseout.

bhè il concetto dovrebbe esserte quello.. ma nel tuo caso forse ti converrebbe usare semplicemente l'attributo title.
esempio:

<a href="http://www.sito.es/cartella/pagina.html" title="Il testo che vuoi che compaia">Il mio link</a>

prova e se non è quello che cerchi, cerca su google "tooltip"

http://meyerweb.com/eric/css/edge/popups/demo.html

vedi qua se vuoi una cosa del genere

http://meyerweb.com/eric/css/edge/popups/demo.html

vedi qua se vuoi una cosa del genere

cercavo una cosa tipo questa.. adesso vedo di modificarmela come si deve..
grazie a tutti!!!