problem med cursor

På en side har jeg

<style type="text/css">
body {
    color: #ffffff;
    background-color: #000000;
    margin-top:45px;
    text-align: center;
    }
.hand {
    cursor:hand;
    }

</style>

<area shape="rect" coords="12,254,233,390" onclick="window.open('',''); return false" onmouseover="this.className = 'hand';" alt="">

Det er så meningen at cursoren skal skifte til hand onmouseover, men det gør den ikke