IE에서 이미지 맵이 작동하지 않습니다.

Question

내 사이트에 이미지 맵이 있습니다. IE를 제외한 모든 사이트에서 작동합니다.

<div id="content"> 
    <div style="text-align:center; width:302px; margin-left:auto; margin-right:auto;"> 
    <img id="alexpeteNav" src="nav.jpg" usemap="Aalexpetenav" border="0" width="302" height="274" alt="" /> 
    <map id="BalexpeteNav" name="AalexpeteNav"> 
    <area shape="rect" coords="0,0,297,72" href="http://doubleohnine.com/" alt="009" title="009" /> 
    <area shape="rect" coords="0,68,297,140" href="about.html" alt="About alexpete" title="About alexpete" /> 
    <area shape="rect" coords="0,139,297,211" href="https://plus.google.com/104897364451129767176" alt="Google+" title="Google+" /> 
    <area shape="rect" coords="0,209,297,269" href="http://www.facebook.com/alexpete" alt="Facebook" title="Facebook" /> 
    </map> 
    </div> 
    </div> 

어떤 제안 :

이

코드인가? 원인?

사이트는 www.alexpete.com에서 온라인으로 볼 수 있습니다.

감사합니다.

Answer 1

usemap은 이미지 맵에 유효한 hash-name reference (예 : #)이 맵 이름 앞에 있어야합니다.

다른 브라우저는 그 점에서 좀 더 관대하다고 생각합니다.