Japan Map プラグインにposition: relativeを適用させてクリッカブルの座標を移動させたい

Japan Map プラグインにposition: relativeを適用するとクリッカブル領域が狂います。
現在jqueryのJapan Mapというプラグインを使ってWEBページにクリッカブルな日本地図を表示させようとしているのですが、親要素のdivでposition: relativeを使って地図(canvas)を動かして表示しようとすると（地域と県の二段階層にするため）適性の県の位置や地域の位置でクリックできなくなってしまいます。
画面の一番上の左端（この要素以外なにも存在しないとき）のときは親要素をposition: relativeにしても適性の場所でクリックができるので親要素をposition: relativeにするとクリッカブル座標はスクリーンの左上に固定になると思われます。

html
<body>
    <div id="map-container"></div>
    <script>
        $(function(){
            $("#map-container").japanMap({
              width: 800,
                onSelect : function(data){
                    alert(data.name);
                }
            });
        });
    </script>
</body>

css
body #map-container {
	margin: 0 auto;
	width: 800px;
        height: 600px;
	position:relative;
	border: 1px solid black;
}

divでposition: relativeを使用した際にクリッカブル座標も同時に移動させる方法はありますでしょうか。
facebookで「mousemove イベント処理内のpointer の座標を引数e を利用することで解消できた」という投稿を見つけましたがそれ以上の詳しい情報は見つけられませんでした。
よろしくお願いします。