想在图片上分四个区域，分别加超链接，一直分不好（图片上有超链接出现，但是位置和坐标对应不上）

html：

 <div class="ensure">
        <img src="ensure.png" usemap="#ensuremap" alt="" />
        <map name="ensuremap" id="ensuremap">
            <area shape="rect" coords="183,50,410,140" href ="#" alt="" />
            <area shape="rect" coords="411,50,686,140" href ="##" alt="" />
            <area shape="rect" coords="687,50,961,140" href ="###" alt="" />
            <area shape="rect" coords="962,50,1165,140" href ="####" alt="" />
        </map>
    </div>


css：

    div.ensure {
    margin:50px auto;
    text-align:center;
}

。。。
。。。。
。。。。
。。。
。。。
。。。
。。。
。。。