Buongiorno. Avrei un piccolo problema che da solo non riesco a risolvere...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>prova</title
</head>

<body onmouseover="if ((document.all||document.getElementById)&&window.p arent.pull) window.parent.pull()"
onmouseout="if ((document.all||document.getElementById)&&window.p arent.pull) window.parent.draw()">
<div>
[img]menu.png[/img]
<map name="Map" id="Map">
<area shape="rect" coords="0,71,133,93" href="#" alt="" target="_parent">
<area shape="rect" coords="0,93,133,115" href="#" alt="" target="_parent">
<area shape="rect" coords="0,115,133,137" href="#" alt="" target="_parent">
<area shape="rect" coords="0,137,133,159" href="#" alt="" target="_parent">
<area shape="rect" coords="0,159,133,181" href="#" alt="" target="_parent">
<area shape="rect" coords="0,181,133,203" href="#" alt="" target="_parent">
<area shape="rect" coords="0,203,133,225" href="#" alt="" target="_parent">
<area shape="rect" coords="0,225,133,247" href="#" alt="" target="_parent">
<area shape="rect" coords="0,247,133,269" href="#" alt="" target="_parent">
<area shape="rect" coords="0,269,133,291" href="#" alt="" target="_parent">
<area shape="rect" coords="0,291,133,313" href="#" alt="" target="_parent">
<area shape="rect" coords="0,313,133,335" href="#" alt="" target="_parent">
<area shape="rect" coords="0,335,133,357" href="#" alt="" target="_parent">
<area shape="rect" coords="0,357,133,379" href="#" alt="" target="_parent">
<area shape="rect" coords="0,379,133,401" href="#" alt="" target="_parent">
<area shape="rect" coords="0,401,133,423" href="#" alt="" target="_parent">
<area shape="rect" coords="0,423,133,445" href="#" alt="" target="_parent">
</map>
</div>
</body>
</html>
Come si può vedere ho un immagine mappata con parecchie aree, ora vorrei fare in modo che quando passo con il mouse sopra una di queste aree l'area corrispondente si evidenziasse (con l'utilizzo di un immagine semi trasparente). è possibile?