Pb pour placer une AREA

Bonjour, bonjour,

Voila mon pb ...

J'essaie désespérément de placer une zone AREA dans une image, et comme c'est la première fois suis un peu perdu ! ( j'ai lu pleins de choses mais c'est jamais expliqué de la même manière et à chaque fois que je test c pas terrible ... )

Il faudrait que je remplace une zone ( AREA ) de mon image par un rond de couleur en la survolant avec ma souris
Je vous montre mon code si ça peut en inspirer quelques un ...

<div id="photo1">
<img src="img/photo.jpg" usemap="test">
<area id="test" alt="test" shape="circle" coords="100,100,30" target="_blank"  href="test.html">
</div>

#photo1{ 
height: 379px;
width: 541px;
margin: 255px 0 0 160px;
position: absolute;
}

#test {
top:210px;
left:365px;
}

HELP ME PLEASE !