Firefoxで文字を画面外に飛ばし、リンクをクリックすると長ーーく伸びた点線出ますよね。
大きなサイトでもたまに見ますが、あれは気持ちよくない。
指定したいa要素CSSに以下を追加すれば解消されます。
overflow:hidden;
outline:none;でも回避できますが、アウトラインが完全に消えるとクリッカブル領域が認識しづらくなる。
（書籍「現場のプロから学ぶXHTML＋CSS」より引用）
記事内容について、検証しきれてないです。ご参考までによろしくお願いします！
参考リンク
所長のひとこと
今日はサンプルを作ってみました。うまくアップロードできた。サンプルを使った技術ブログを書いてみたかったのです。テンプレートカスタマイズしよう。