IE6忽略了活动链接CSS样式

Lea*_*eah 2 html css

CSS活动链接样式正在IE7,FF和Safari中正确应用,但未应用于IE6.

.side_nav a.active 
{
    color:#FFFFFF;
    background-color:#9F1F63;
}
Run Code Online (Sandbox Code Playgroud)

有趣的是,背景颜色(背景颜色:#9F1F63;)正在IE6中应用,但不是字体颜色(颜色:#FFFFFF;)

关于为什么会发生这种情况的任何想法以及如何解决这个问题.

以下导航的完整样式:

.side_nav 
{
    text-align : left;
    margin-left: -10px;
}

.side_nav ul 
{
    list-style-type: none;
    list-style-position:inside;
    margin-left:0px;
}
.side_nav li 
{
    margin-top: 10px;
    display: list-item;
    list-style-type:none;   
}
.side_nav a, .side_nav a:visited
{
    text-decoration: none;
    color : #9F1F63;
    font-weight : bold;
    padding: 5px 10px 5px 10px;     
}
.side_nav a:hover 
{
    color:#B26D7F;
}
.side_nav a.active 
{
    color:#FFFFFF;
    background-color:#9F1F63;
}
Run Code Online (Sandbox Code Playgroud)

编辑:谢谢,但建议没有帮助.当我更改为:active时,活动效果在任何浏览器中都不起作用.我想这可能是因为我在HTML中应用了这种风格.

    <div class="side_nav">
        <a class="active" href="Page1.aspx">Page1</a><br />
        <a href="Page2.aspx">Page2</a><br />
        <a href="Page3.aspx">Page3</a><br />
    </div>
Run Code Online (Sandbox Code Playgroud)

DOK*_*DOK 5

在IE6中,您指定锚链接的顺序很重要.您应该按此顺序指定它们以达到预期的结果:首先是a:link,然后是a:visited,a:hover和a:active.