HTML更改光标在区域上飞行

这是一个自我市场。。。再一次！ 我的光标有问题。 我有一个图像，上面有一个地图区域

我的愿望是能够在图像上有一个修改过的光标

.dragme {
    position:fixed;
    z-index:5;
    cursor:move;
} 

（它起作用了）。但当我想在区域（从地图）上修改光标时，它就不起作用了。 我试着做：

area {
    cursor:hand;
    disabled="disabled"
}

（我在某处看到disabled=“disabled”）但它不起作用，也不只是光标：hand。 我还试着把这条线放在每个区域

    <area title="P96N-P-1" shape="circle" coords="808,476,16" href="www.google.com" style="cursor:hand;" target="_blank" >
    <area title="P96N-P-2" shape="circle" coords="874,882,8" href="www.google.com" style="cursor:hand;">
    <area title="P96N-P-3" shape="circle" coords="924,1424,8" href="www.google.com" style="cursor:hand;">

但似乎什么都不起作用，当我在某个区域上飞行时，我无法修改光标

---

你们中有人有主意吗

请为您的问题制作一个包含相关代码的fiddle或jsbin文件。另外，您的CSS代码不正确……我对我的CSS进行了修改，有时间时我会做一把小提琴：）