modimidofrsaso: area im div verlinken und mouseover färben

Beitrag lesen

Guten Tag,
bin grad dabei bissel rum zu spielen und wollte in einem Viereck, das ich mit <div> erstellt habe einen Bereich, genauer gesagt eine Ecke, verlinken und sobald man mit dem Maus drüberfährt sollte es die Farbe wechseln. Derzeit sieht das ganze so aus:

  
<html>  
  
<head>  
    <title>Idee2</title>  
  
</head>  
  
<body bgcolor="#000000">  
  
  
  
<table  align="center" border="0">  
<tr>  
<div align="center" style="background-color:#944545;width:300px;height:500px; padding:100px;">  
<map>  
<area shape="poly" coords="250,500,500,300,450,300" onmouseover="style='background-color:#808080;'" href="index.html" title="index">  
</map>  
  
<div align="center"style="background-color:#A2A2A2;width:80px;height:50px; padding:10px;">  
<h1>Buchtitel</h1></div>  
</div>  
</tr>  
  
</table>  
</body>  
</html>

Danke im voraus für die Hilfe =)