Как удалить границы вокруг гиперссылок изображения в Firefox

Question

Я не могу удалить эти границы с моей гиперссылке изображения:

Я пробовал:

a img {border: none} 

img {border: none} 

a {border: none} 

* { 
    outline: none; 
    border: none 
} 

Я тоже пытался border: 0;. Но это не работает. Протестировано на Windows 7 Ultimate с использованием Firefox 35.
Demo
Жесткая перезагрузка, если вы ее не видите.

Answer 1

Ваш CSS не является лучшей практикой и может отбрасывать браузер. Убедитесь, что вы в конечном каждую строку точки с запятой ;

a img { border: none; } 

img { border: none; } 

a { border: none; } 

* { 
    outline: none; 
    border: none; 
} 

Answer 2

Отображаемое заполнитель в img тегах неработающих ссылок контролируются браузерами, а граница может быть включена в шаблонном изображении (или нет, но это не точка).

В этом случае вы просто ничего не можете сделать об этой границе (но избегайте неработающих ссылок).