Ciao ragazzi, ho un'immagine con delle aree e vorrei che spuntassero fuori dei tooltip al passaggio del mouse. So che con i css basta specificare, ad esempio, queso stile:

<style type="text/css">
a{ position:relative; /*questa Ë fondamentale*/
z-index:2; /*che sta sotto*/
text-decoration: none}
a span{display: none} /*non si deve vedere sul display*/
a:hover span{ /*lo span verrý mostrato solo sullo stato :hover */
display: block; position:absolute;
top: 2em; left: -15em; ;
border: 1px solid #000000; background-color: #666666; color:#ffffff;
font-size: 13;text-align: center}
</style>
in questo caso mi basta mettere un tag <span> con il testo del tooltip dentro un tag <a></a> e il gioco è fatto. Il problema sorge, appunto, quando i miei link sono determinati dal tag <area> .. come posso fare? Si può far riuscire cambiando qualcosa in css?
Riporto di seguito il mio codice in cui devo inserire i tooltip, grazie

<html>

<head>
<style type="text/css">
a{ position:relative; /*questa Ë fondamentale*/
z-index:2; /*che sta sotto*/
text-decoration: none}
a span{display: none} /*non si deve vedere sul display*/
a:hover span{ /*lo span verrý mostrato solo sullo stato :hover */
display: block; position:absolute;
top: 2em; left: -15em; ;
border: 1px solid #000000; background-color: #666666; color:#ffffff;
font-size: 13;text-align: center}
</style>
</head>

<body bgcolor="black" background="sfondo.png" leftmargin="0" topmargin="0">

<center>
<table valign="middle">
<tr><td>

[img]immagine.png[/img]

<map name="mappa" color="white">
<area shape="circle" coords="255, 275, 13" href="intro.html">
</map>

</td></tr>
</table>

</body>
</html>