アンカーマウスオン時の下線表示について。

質問

表題について質問させていただきます。
アンカーに次のような設定をしています。
このとき、下線表示が不規則（？）で、その理由が分らず困っています。

.search a:link {
color :#444444;
text-decoration :none;
font-family :sans-serif;
font-size :10pt;
}
.search a:hover {
color :#444444;
text-decoration :underline;
font-family :sans-serif;
font-size :10pt;
}
.search a:visited {
color :#444444;
text-decoration :none;
font-family :sans-serif;
font-size :10pt;
}
<p class="header">-&nbsp;&nbsp;前田愛検索&nbsp;&nbsp;-</p>
<div class="kijiBox">
<ul class="search">
<li><a href="http://search.yahoo.co.jp/bin/search?p='%C1%B0%C5%C4%B0%A6'&fr=top&src=top" target="_self"> Yahoo </a></li>
<li><a href="http://www.google.co.jp/search?hl=ja&q='%E5%89%8D%E7%94%B0%E6%84%9B'&lr=lang_ja" target="_self"> Google </a></li>
<li><a href="http://www.amazon.co.jp/exec/obidos/external-search?encoding-string-jp=日本語&field-keywords='%E5%89%8D%E7%94%B0%E6%84%9B'&mode=blended&tag=ainigoyojinn-22" target="_self"> Amazon（ショッピング） </a></li>
</ul>

</div>

未訪問のときは、hoverが生きるのですが、訪問済みになると、次からは、hoverが適用されません。

この原因について、ご教示いただけるよう、お願いいたします。

回答No.1

LancerVII · ベストアンサー

こんにちは。

下のような並び方にしてみて下さい。

上からlink,visited,hoverの順

search a:link {
color :#444444;
text-decoration :none;
font-family :sans-serif;
font-size :10pt;
}

.search a:visited {
color :#444444;
text-decoration :none;
font-family :sans-serif;
font-size :10pt;
}

.search a:hover {
color :#444444;
text-decoration :underline;
font-family :sans-serif;
font-size :10pt;
}

お礼

LancerVIIさん、はじめまして、
質問者のKozzymarch23。です。

レスをいただけ感謝しています。
そして、おっしゃられるとおりの処置を施しましたところ、無事に解決しました。

理由を訊ねてみたい気もしますが、それは自分の力で調べようと思います、（CSSの勧告書みたいなものがあれば、読んでみようと思います）

重ね重ねになりますが、このたびはご教示いただき、ありがとうございました。