Borde azul alrededor de los mapas de imágenes en Internet Explorer 9

Question

Tengo el siguiente problema: estoy usando mapas de imágenes en el sitio. En Internet Explorer 9 (IE8 está bien), cuando hago clic en el enlace (etiqueta de área), aparece un borde azul a su alrededor. Cómo deshacerse de él? He intentado:

map, map area { 
border:none !important; 
} 
img, a img, a:link img, a:visited img { 
border:none !important; 
} 

Pero no sirvió de nada. ¿Alguien tiene este problema? Por favor, mira el sitio - http://www.naturalnie.test.dih.pl/. El mapa de la imagen está debajo del logotipo, donde los enlaces dicen: "Home, Kosmetyki, Lekarstwa, Żywność i suplementy, O Naturalnie.net".

EDITAR:

Encontré la solución. Siguiente código funciona:

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

Answer 1

No estoy muy seguro, pero intento fijar en html la <img border="0" />

Answer 2

¿Por qué no

a,img { border: none; } 

Answer 3

Dado que usted dice que aparezca la frontera después de hacer clic en el enlace, eso me suena como un borde "de enfoque".

Trate a:focus {border:0 none;}

Answer 4

Esta solución hará que los conflictos con las imágenes que sirven también de ambos enlaces y contenidos que también tienen fronteras. Sin embargo, si sus enlaces de imágenes no tienen fronteras existentes, se debe trabajar para deshacerse del contorno en el IE con comprometer cualquier otra cosa:

a img {border: none; } 

sólo tiene que añadir a su maestro hoja de estilos CSS ... lo arreglen mi problema perfectamente.

Answer 5

Esto funcionó para mí

:focus{ 
    border: none; 
    outline-style: none; 
    -moz-outline-style:none; 
}