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 回答日時： 2006/10/16 21:57

IEのバグのようです。

http://members.at.infoseek.co.jp/cssbug/detail/w …

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

この回答へのお礼

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

お礼日時：2006/10/18 10:34