Html图像maging与poly coords不正确的coords

Question

我正在尝试用html制作一个可点击的地图，使用PNG图像和图像地图在PNG上制作多边形，我正在制作的形状出现在不正确的地方，我使用过MS画，photoshop和{ {3}}

<p>
    <img src="usa.PNG" width="1907" height="1236" alt="Map of the United States" usemap="#usa"></img>

    <map name="usa" id="usa">
        <area shape="poly" coords="408,530,606,548,614,406,432,386" href="http://en.wikipedia.org/wiki/Colorado" title="Colorado" alt="Colorado"/>
   </map>
</p>    

http://www.image-maps.com 这是我正在使用的图像