[CSS] informacje po najechaniu myszką

Witam mam takie pytanie, jak zrobic w CSS informacje(TIP) po najechaniu myszką cześć AREA w image MAP

Bo jeśli chodzi o zwykły link to mam coś takiego:

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    background-color: none;
    color:yellow;
    text-decoration:none;
    FONT-size: 12PT}

a.info:hover{
	z-index:25;
	background-color:#FF2510;
	color:white		}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:15px; left:100px; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;
    FONT-Size: 10PT;}

i w linku mam tak:

<a class=info href="index.php?id=1"> HOME <span> strona domowa</span></a> 

Ale jak sprawić by ten SPAN wyswietlał się stosując AREA bo tam niestety jest pojedyńczy znacznik?

<img src="images/obrazek.jpg" border="0" USEMAP="#mapa1"/>
<MAP NAME ="mapa1">
<area shape="poly" coords="4,228,5,202,9,185," href="index.php?id=9" />
<area shape="poly" coords="12,171,18,149,29,127" href="index.php?id=8" />
</MAP> 

Prosze o pomoc, niekoniecznie musi być zastosowanie SPAN, jesli maice jakies inne metody to prosze bardzo.