<area> style problem

All,
I have an the following code:

<img src="rascal.jpg" width="600" height="800" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="191,484,406,670" href="#" class="map"/></map>

I want to add a style to the area for on hover etc. So I did this:
</script>
<style type="text/css">
map{
border: 0px solid #000000;
}
map:hover{
border: 10px solid #000000;
}
</style>

However it doesn't work, any ideas?

It actually displays it below the image instead of in the <area>.