cursor:hand virker ikke

Jeg har et image-map med mouse-over-effects, som virker fint.
Men jeg vil gerne have, at når man holder musen over et "hot spot", så ændres cursoren til "hand" - følgende virker ikke!!!
Er der nogen der kan gennemskue, hvad man så gør??

<map name="image-map">
<area shape="rect" COORDS="2,56,130,68" style="cursor: hand;"
    onMouseover="if (window.event || document.layers) showLayer(event,'myLayer1'); else showLayer('','myLayer1')"
    onMouseout="hide('myLayer1')"
>
<area shape="rect" COORDS="1,193,115,204"
    onMouseover="if (window.event || document.layers) showLayer(event,'myLayer2'); else showLayer('','myLayer2')"
    onMouseout="hide('myLayer2')"
>
<area shape="rect" COORDS="107,317,207,328"
    onMouseover="if (window.event || document.layers) showLayer(event,'myLayer3'); else showLayer('','myLayer3')"
    onMouseout="hide('myLayer3')"
>
<area shape="rect" COORDS="417,143,511,153"
    onMouseover="if (window.event || document.layers) showLayer(event,'myLayer4'); else showLayer('','myLayer4')"
    onMouseout="hide('myLayer4')"
>
<area shape="rect" COORDS="415,163,490,176"
    onMouseover="if (window.event || document.layers) showLayer(event,'myLayer5'); else showLayer('','myLayer5')"
    onMouseout="hide('myLayer5')"
>
<area shape="rect" COORDS="415,214,515,223"
    onMouseover="if (window.event || document.layers) showLayer(event,'myLayer6'); else showLayer('','myLayer6')"
    onMouseout="hide('myLayer6')"
>
<area shape="rect" COORDS="414,299,510,309"
    onMouseover="if (window.event || document.layers) showLayer(event,'myLayer7'); else showLayer('','myLayer7')"
    onMouseout="hide('myLayer7')"
>
</map>

<img name="andelImage" src="andel_1.gif" border=0 usemap="#image-map">