Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Blue border around image maps in Internet Explorer 9

I've got the following problem - I'm using image maps on the site. In Internet Explorer 9 (IE8 is fine), when I click on link (area tag), there appears a blue border around it. How to get rid of it? I've tried:

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

But it didn't help. Did anyone have this problem? Please look at the site - http://www.naturalnie.test.dih.pl/. Image map is under logo, where links say: "Home, Kosmetyki, Lekarstwa, Żywność i suplementy, O Naturalnie.net".

EDIT:

I found the solution. Following code works:

a, img {outline:none;}
map > area,
map > area:active,
map > area:focus {outline: none; border:0; }
like image 419
Irminsul Avatar asked Apr 17 '12 14:04

Irminsul


1 Answers

Why not just

a,img { border: none; }
like image 131
Andrew Briggs Avatar answered Sep 21 '22 07:09

Andrew Briggs