title: Why doesn't my CSS pointer on an `<area>` work in IE and Chrome?
body: <p>When using the following code, my pointer doesn't turn into the pointer cursor when mousing over the <code>&lt;area&gt;</code> in IE and Chrome, but it works fine in Firefox. How should I change this so that it'll work in IE and Chrome as well?</p>
  
  <pre><code>&lt;img id="fr_main_img" src="image_main.png" usemap="#fr_main_img" alt="" width="700" height="230"/&gt;
  &lt;map id="joinReward" name="fr_main_img"&gt;
      &lt;area shape="rect" coords="551,178,675,211" style="cursor: pointer;"/&gt;
  &lt;/map&gt;
  </code></pre>