[CSS]FireFoxでリンク選択時にでる枠線を消す方法

FireFoxのブラウザで閲覧していると
ボタンなどをクリックしたときにボタンの形に薄い点線が出てくる。

このような画像のリンクがあったとする。


クリックすると、下のような点線が出てくる。
この点線が出て問題なのは、
テキストを飛ばして画像を表示する場合、飛ばしたテキストのところまで点線が延びてしまうこと。

なのでこの点線を消す方法の例
a { /* FireFox リンク選択時の点線を消す　*/
    overflow: hidden;
    outline: none;
}
a タグに対してこの二つの値を入れるだけ。
これで点線は消えます。