Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script language="JavaScript" type="text/JavaScript">
function resalta(obj) {
document.getElementById(obj.id+"_lista").style.color = "#FF0000";
}
function desresalta(obj) {
document.getElementById(obj.id+"_lista").style.color = "#FFCC66";
}
</script>
</head>
<body background="../../imagenes/FondoderechaMuseos.png">
<div id="Layer1" style="position:absolute; left:100px; top:51px; width:418px; height:520px; z-index:1" align="center"><img src="http://www.forosdelweb.com/imagenes/mapas/MapaMuseosgral.jpg" width="418" height="520" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" id="castejon" coords="220,66,327,82" href="navarra/castejon.htm" target="mainFrame" onMouseOver="resalta(this)" onMouseOut="desresalta(this)">
<area shape="rect" id="leukade" coords="32,108,180,122" href="larioja/aquilar.htm" target="mainFrame" onMouseOver="resalta(this)" onMouseOut="desresalta(this)">
<area shape="rect" id="numancia" coords="13,133,123,146" href="castillaleon/garray.htm" target="mainFrame" onMouseOver="resalta(this)" onMouseOut="desresalta(this)">
</map>
</div>
<div id="castejon_lista" style="position:absolute; left:566px; top:61px; width:110px; height:28px; z-index:2;color:#FFCC66">Castejón</div>
<div id="leukade_lista" style="position:absolute; left:569px; top:105px; width:107px; height:25px; z-index:3;color:#FFCC66">Leukade</div>
<div id="numancia_lista" style="position:absolute; left:570px; top:141px; width:98px; height:31px; z-index:4;color:#FFCC66">Numancia</div>
</body>
</html> que tal así?
Quim