同ページ内のリンク下線が消えない

質問

スタイルシートにて、ホバーとアクティブ以外はリンク線が出ないようにしています。
通常は問題ないのですが、同ページ内にリンク先があり、
一度クリックすると下線が表示されたままになってしまいます。

同ページ内リンクが複数あり、それらをクリックするとクリックした分のリンク線が表示されたままになってしまい、困っています。

IEですと問題ないようなのですがChromでこうなってしまいます。
下記のように記述してあります。
お知恵を拝借できますでしょうか。

a:link {
text-decoration:none;
color:#333333;
}

a:visited {
text-decoretion:none;
color:#333333;
}

a:hover {
text-decoration:underline;
color:#3333FF;
}

a:active {
text-decoration:underline;
color:#3333FF; }

a{
text-decoration:none;
}

回答No.1

ORUKA1951 · ベストアンサー

他のリンクをクリックしたら戻るのでは？
単にactiveの擬似要素が解除されていないのでは？

お礼

activeをhoverではなく、linkとvisitedと同じスタイルにすることで解決としました。
早々のご回答参考になりました。

補足

ご回答ありがとうございます。
他のリンクをクリックしても同ページ内ですと前にクリックしたところと、
新たにクリックしたところの両方にactive状態が残ってしまいます。
さらに同ページ内で他のリンクをクリックすると３つでも４つでもactive状態が増えてく始末で、
困っております。