title: Cursor not changing to pointer in Usemap/area case
body: <p>I have the following HTML code which I cannot get to work quite right in all browsers:</p>
  
  <pre><code>&lt;div id ="right_header"&gt;     
          &lt;img id = "usemapsignin" src="/images/sign-in-panel-wo-FB.png" usemap = "#signin"&gt;
  &lt;/div&gt;      
          &lt;map name = "signin" &gt;
              &lt;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'"/&gt;
              &lt;area shape = "rect" coords = "0,113, 172, 150" target = "_blank" alt = "restowner" id = "restowner"
                  onclick = "alert('Hello Restaurant Owner!')"   /&gt;
          &lt;/map&gt;
  </code></pre>
  
  <p>I am trying to change the cursor to pointer when moved over a part of the usemap. But its not working in Chrome/Safari.</p>
  
  <p>Any help will be appreciated.</p>