<img> tag outline none 시키기 ie에서도 먹음 (ie working)

이미지 내부에 링크를 여러개 걸기 위해서 map을 이용해 링크를 걸면... 안타깝게도 삐뚤빼뚤한 링크가 잡힙니다. 

보기 안타깝죠, 

이걸 없애기 위해서 아래와 같이 하면 됩니다. 

css

=================================

<style>

map area:focus, map area:active {outline: none; border:0; }

</style>

html

=================================

<div class="sub_img"><img src="/sub/17_img.png" alt="조직도" usemap="#Map"/></div>

<map name="Map" id="Map">

    <area alt="" title="" href="#null" shape="poly" coords="377,0,353,10,333,44,333,65,358,91,382,98,419,79,429,50,420,21,404,7" />

</map>

요 정도 하면 익스를 제외하고 다 먹어요 근데, 익스만... 위 이미지 처럼 또렷히 나옵니다. 

방법은 

div class="sub_img"><img src="/sub/17_img.png" alt="조직도" usemap="#Map" hidefocus="true"/></div>

요고를 넣으면 싹 사라집니다. 

이상 끝