Рамка вокруг <a> в ie и ff

[adelante]

Использую на сайте Coda Slider. Это чтобы удобней было по страницам переходить, они там горизонтально ездят влево-вправо

Так вот, элементы управлиения там (стрелки влево-вправо) реализованы в виде div с картинкой стрелки в качестве бэкграунда и внутри дива управляющий <a>. И "text-indent:9000;" чтобы не было видно текста ссылки.

И вот в файрфоксе и ие после клика по ссылке она обводится пунктирной рамкой, что очень не в тему и естественно не нравится заказчику. Как оно выглядит можно посмотреть на картинках.

Что можно с этим сделать? border у <a> накрутить? кажется уже пробовал (не помню точно)

Как оно выглядит:

Это левая стрелка в файрфоксе:

Это -- правая стрелка в файрфоксе:

А это -- левая стрелка в ie. Правая выглядит так же.

[mishka]

это происходит из-за text-indent:-9999px;

фикс - overflow:hidden; на линку

[akxxiv]

a:focus { outline:none; }

[In_Variant]

Вот тут есть все что вам надо!

Научитесь поиском пользоваться.

Edited April 7, 2010 by In_Variant

[mishka]

a:focus { outline:none; }

можна и без фокуса, просто

a{ outline:none; }

Но тогда ф ff становится невозможной навигация по сайту с помощью клавиши "TAB"