이미지맵 하이라이트시에 이미지 정렬 - 커뮤니티

이미지맵을 도움받아서 성공하고,
검색을 통해서 하이라이트 까지 설치했습니다.

한참을 작업하면서 뭔가 자꾸 이상한것 같은대 했는대
어! 이미지가 좌측으로 옮겨졌습니다.

http://parts.needpartsinc.com/bbs/board.php?bo_table=9001&wr_id=13

이미지가 3개 인대 첫번째 작업중입니다.
아래 이미지는 중앙에 제대로 있는대,....

이미지맵 적용까지는 괜찮습니다.
하이라이트 적용하면 이미지 정렬이 무효화 되는대요...

이미지맵 소느는
<p style="text-align: center;">
< img src="/data/editor/1908/20190829132105_ead7030e0bb5716697363e6f7fdcd405_2ok5.jpg" border="0" usemap="#a1" />
< map name="a1">
< area shape="rect" coords="55,62,425,200" href="/bbs/board.php?bo_table=1001&wr_id=6" target="_blank" />
< /map>
< /p>

하이라이트 소스는
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
< script type="text/javascript" src="/scripts/jquery.maphilight.min.js"></script>

<script type="text/javascript">
$(function() {
    $.fn.maphilight.defaults = {
        fill: true,
        fillColor: 'CCCCCC',
        fillOpacity: 0.5,
        stroke: false,
 }
 $('img[usemap]').maphilight();
});
< /script>

어디를, 어떻게 수정하면 될까요?

아니면 하이라이트 시키는 다른소스가 있을까요?
부탁드립니다. 감사합니다.