title: Javascript / Onclick - Make the mouse cursor a hand when mousing over
body: <p>I'm working with a voting button.</p>
  
  <p>The button was a simple link, but the search engine spiders were crawling the pages and triggering false votes.  So, I changed it to an onclick to make that stop.</p>
  
  <p>However, after doing that, the buttons still work fine, but the mouse cursor no longer has the 'hand' pointer.  It remains the arrow pointer when you mouse-over, so it's hard to tell that it's an actual functioning link.</p>
  
  <p>To attempt to fix this, I added a style="cursor:default;", I also tried style="cursor:crosshair;" to try and change the cursor behavior, but it's not working.  The cursor remains the pointer the whole time.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>&lt;map id="vote_buttons" name="vote_buttons"&gt;
       &lt;area shape="rect" alt="" coords="5,3,78,43" onClick="window.location='http://www.site.com/page.php?vote=Y'" style="cursor:default;" title="" /&gt;
       &lt;area shape="rect" alt="" coords="83,3,160,44" onClick="window.location='http://www.site.com/page.php?vote=N'" style="cursor:pointer;" title="" /&gt;
       &lt;area shape="default" nohref="nohref" alt="" /&gt;
  &lt;/map&gt;
  </code></pre>
  
  <p>What am I missing here to make this mouse-over look like a hand?</p>
  
  <p>Thanks in advance as always.</p>