Синяя рамка вокруг карт изображений в Internet Explorer 9

У меня есть следующая проблема: я использую карты изображений на сайте. В Internet Explorer 9 (IE8 в порядке), когда я нажимаю ссылку (тег области), вокруг него появляется синяя рамка. Как избавиться от него? Я пробовал:

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

Но это не помогло. У кого-нибудь была эта проблема? Посмотрите на сайт - http://www.naturalnie.test.dih.pl/. Карта изображения находится под логотипом, где ссылки говорят: "Дом, Космыткики, Лекарства, Żywność я suplementy, O Naturalnie.net".

EDIT:

Я нашел решение. Работает следующий код:

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

Ответы

Ответ 1

Почему не просто

a,img { border: none; }

Ответ 2

это сработало для меня

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

Ответ 3

Я не уверен, но постарайтесь установить в html <img border="0" />

Ответ 4

Поскольку вы говорите, что граница появляется после нажатия на ссылку, это звучит для меня как "фокус", граничащий с ним.

Попробуйте a:focus {border:0 none;}

Ответ 5

Это решение вызовет конфликты с изображениями, которые будут удвоены как для ссылок, так и для контента, которые также имеют границы. Однако, если ваши ссылки на изображение не имеют существующих границ, он должен работать, чтобы избавить вас от контура в IE с компрометированием чего-либо еще:

a img {border: none; }

Просто добавьте его в листы стилей master css... он исправил мою проблему отлично.