Mapa de imagen no funciona en IE

Question

Tengo un mapa de imagen en mi sitio, y funciona en todo excepto en IE.

Este es el código:

<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> 

¿Alguna sugerencia? ¿Razones?

El sitio está en línea en www.alexpete.com.

Gracias.

Answer 1

usemap espera un hash-name reference válido en un mapa de imagen, es decir, # antes del nombre del mapa.

Supongo que los otros navegadores son más indulgentes en ese sentido.