Курсор не меняется на указатель в случае Usemap / area

У меня есть следующее HTML-код, который я не могу заставить работать правильно во всех браузерах:

<div id ="right_header">     
        <img id = "usemapsignin" src="/images/sign-in-panel-wo-FB.png" usemap = "#signin">
</div>      
        <map name = "signin" >
            <area shape = "rect" coords = "30,10, 150, 50" target = "_blank" alt = "signin" id="signin"
                    onMouseOver="document.images['usemapsignin'].style.cursor='pointer'"
            onMouseOut="document.images['usemapsignin'].style.cursor='auto'"/>
            <area shape = "rect" coords = "0,113, 172, 150" target = "_blank" alt = "restowner" id = "restowner"
                onclick = "alert('Hello Restaurant Owner!')"   />
        </map>

Я пытаюсь изменить курсор на указатель при перемещении по части карты использования. Но он не работает в Chrome / Safari.

Любая помощь будет принята с благодарностью.