鼠标形状 map问题

HTML code

             <tr>
              <map name="Map">
              <area   shape= "RECT "   coords= "0,0,160,56 "  onClick= "btnNext()">
              <area   shape= "RECT "   coords= "420,0,582,56 "  onClick= "btnApply()">
              </map>
               <td colspan="2"><img src="popbackground.png" width="582" height="56" usemap="#Map"></td>
             </tr>

在鼠标点击触发事件的2个图片区域，我希望鼠标放到这2个区域的时候，鼠标成手状，我把style="cursor:pointer"无论放在哪儿，浏览器总是不能兼容。

我希望兼容火狐、ie、chrome！

烦请大侠帮忙看下！

------解决方案--------------------
写JS onmouseover...
------解决方案--------------------
<tr>
<map name="Map">
<area shape= "RECT " coords= "0,0,160,56 " href= "javascript:btnNext()">
<area shape= "RECT " coords= "420,0,582,56 " href="javascript:btnApply()">
</map>
<td colspan="2"><img src="popbackground.png" width="582" height="56" usemap="#Map"></td>
</tr>
用href属性它就是手型。。