IEでCSSのアンカー色指定が反映しない

質問

<style type="text/css">

a:visited { color:blue;}

div.testB {
padding-left:12px;
clear:both;
}
div.testB a{
color:#000000;
text-decoration:none;
font-weight:bold;
}
div.testB a:hover{
color: #cc0000;
font-weight:bold;
text-decoration:underline;
}
</style>

<div class="testB">
<div><a href="#">リンク</a></div>
</div>

このようなソースで、FireFoxでは理想どおり表示されるのですが、IEではtestBで指定したリンク色が反映されず、先のa:visited{}のカラーでボールドだけ効いた状態になってしまいます。hoverしても色は変わらずです。visitedの指定がなければ、きちんと反映されるようなのですが…
解決策ありますでしょうか。
よろしくおねがいします。

回答No.1

steel_gray · ベストアンサー

IEのバグのようです。
http://members.at.infoseek.co.jp/cssbug/detail/winie/b101.html

ただ、私が試したところ再現しなかったので、有効かどうかわかりませんが
a:visited { color:blue;}
を
body a:visited { color:blue;}
とか、少し工夫するといいのかもしれません。

お礼

バグなのですね。。
body a:visited { color:blue;}
では変化ありませんでしたが
div.testB a{}
↓
.class1 .class2 .testB a{}
のように一番外枠のクラスから指定すると解決しました。
回答ありがとうございました。