[css] リンクをクリックしたときに横に伸びる点線を消す方法

リンクをクリックしたときに横に伸びる点線を消す方法（Firefox） - IDEA*IDEA ～ 百式管理人のライフハックブログ

背景画像でリンクを表示し、テキストはスタイルで非表示にしているような場合、aタグのスタイルを、

background-image: url(/images/xxx.gif);
text-indent: -9999px;

のようにしたりする。
しかしそうすると、リンクをクリックした場合に、点線が左にグーッと伸びて表示されてしまう。
これを消すには、そのaタグのスタイルに、

overflow: hidden;
outline: none;

を追加すればよい。