title: cursor pointer in html <area> tag
body: <p>I have a jsp like this</p>
  
  <pre><code>&lt;%@ include file="commonheader.jsp"%&gt;
  &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
  &lt;head&gt;
  &lt;script type="text/javascript"&gt;
  function passValue(stateid,cityid)
  {
  if(cityid=="0")
  {
      document.forms["test"].action="locator/city.jsp"
      document.forms["test"]["stateid"].value=stateid;
      document.forms["test"].submit();
  }
  else
  {   
      document.forms["test"].action="locator/area.jsp"
      document.forms["test"]["stateid"].value=stateid;
      document.forms["test"]["cityid"].value=cityid;
      document.forms["test"].submit();
  }
  }
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"&gt;
  &lt;div align="center"&gt;     
  &lt;table width="70%" border="0"&gt;
  &lt;tr&gt;
  &lt;td width="80%" align="center"&gt;&lt;img src="images/map.jpg" width="550" height="500" border="0" usemap="#Map"&gt;
  &lt;form id="test" name="test" method="post"&gt;
  &lt;input type="hidden" name="stateid" /&gt;
  &lt;input type="hidden" name="cityid"/&gt;       
  &lt;map name="Map"&gt;
  &lt;area shape="rect" coords="81,291,180,305" alt="Maharashtra" onclick="passValue('15','0') /&gt;
  &lt;/map&gt;
  &lt;/form&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Form is getting submitted and the values are getting passed correctly. But the problem here is the cursor is not a pointer but a default.
  I have even tried specifying the style attribute in  tag like style="cursor:pointer;" but that didn't work.</p>