IE クリッカブルマップでcursor:pointerの挙動について

クリッカブルマップを作成したのですが
IEでのマウスカーソル挙動がうまくいかず困っております。
教えて頂けると助かります。

areaタグに、CSSでcursor:pointerを指定したところ
Firefox・ChromeはOKですが、IE11ではカーソル変化無しの状態です。

【確認した内容】
→ IE開発者ツール「要素の検査」で見たところ cursor:pointerは効いている。
→ cursor:handでも現象に変化は無し。
→ areaタグにhref="#"を付けるとカーソルが正常に変わるが
Firefox/Chromeで左下にリンク先の表示がされてしまうためNG。
(IEではリンク先の表示は無し。)

リンク先の表示をせずに、IEでcursor:pointerを実現する方法が
ありましたら教えて頂けないでしょうか。
よろしくお願い致します。

HTML
1<img src="img/map.gif" usemap="#allmap">
2<map name="allmap">
3 <area shape="poly" alt="" coords="308,183, 304,181, (省略)" id="hokkaido" class="map">
4 <area shape="rect" alt="" coords="190,104,289,130" id="hokkaido_btn" class="map">
5

CSS
1.map {
2  cursor: pointer;
3  /* cursor: hand; */
4}

行動規範の内容に同意します

回答1件

ベストアンサー

javascriptを使ってよければこんな感じで実現できました

html
1<img src="img/map.gif" usemap="#allmap" id="mapimg">
2<map name="allmap">
3 <area onmouseover="mapimg.style.cursor='pointer'" onmouseout="mapimg.style.cursor=''" shape="poly" alt="" coords="308,183, 304,181, (省略)" id="hokkaido" class="map">
4 <area onmouseover="mapimg.style.cursor='pointer'" onmouseout="mapimg.style.cursor=''" shape="rect" alt="" coords="190,104,289,130" id="hokkaido_btn" class="map">
5</map>
6