ボタンのa:activeの画像が表示されません

質問

●質問させて頂きます。cssで指定したa:activeの画像が表示されません。

html
<ul>
<li class="sogo">
<a href="index.html">●●</a>
</li>
<li class="kinri">
<a href="kinri.htmi">●●</a>
</li>
<li class="shinsa">
<a href="shinsa.html">●●</a>
</li>
<li class="gendo">
<a href="gendo.html">●●</a>
</li>
<li class="raiten">
<a href="raiten.html">●●</a>
</li>
</ul>

css
　●
>996
付け足しです。関係あるかわかりませんが、書いたcssの上に次のようなソースもあります。

css
.sogo {
background-image: url("../images/sogo.jpg");
display: inline;
height: 45px;
text-indent: -9999px;
width: 180px;
.sogo a {
background-image: url("../images/sogo.jpg");
display: block;
float: left;
height: 45px;
text-indent: -9999px;
width: 180px;
}
.sogo a:hover {
background-image: url("../images/sogo_on.jpg");
}
.sogo a:active {
background-image: url("../images/sogo_on.jpg");
}
このように指定すると、a:hoverでは画像が変わるのですが、a:activeではaの画像のままです。どうぞご教示ください。

回答No.1

yambejp · ベストアンサー

＞a:active

activeをvisitedと誤解しているのでは？

回答No.2

ORUKA1951

.sogo a:hover {
background-image: url("../images/sogo_on.jpg");
}
.sogo a:active {
background-image: url("../images/sogo_on.jpg");
}

と同じもの指定してるから変わらない・・・・