Imagemaps und Mouseover

[shorty]

Hallo,

bei meinem Imagemap (Deutschlandkarte) sollen beim "mouseover"
die einzelnen Länder kurz die Hintergrundfarbe wechseln. Leider
habe ich damit echte Probleme. Ich hab's auf 2 Arten so versucht:

<div id="karte">
<IMG SRC="images/deutschland.jpg" USEMAP="#deutschland"  alt="Deutschland" border="0" width="550" height="500">

<MAP NAME="deutschland"><AREA SHAPE="POLY" href="..." COORDS="..."></MAP>
</div>

(externe CSS):
#karte a:hover {background-color: #FFFF80;}

wie oben,dann:
<MAP NAME="deutschland"><AREA SHAPE="POLY" href="..." COORDS="..."
onmouseover="document.bgColor='#FFFF80'"onmouseout="document.bgColor='#FFFFFF'"></MAP>
</div>

Klappt natürlich nicht. Kann mir jemand sagen, egal
ob mit CSS oder Javascript, wie's funktioniert?

Herzlichen Dank!