IE6 игнорирует стиль CSS активной ссылки

Question

Стиль активной ссылки CSS правильно применяется в IE7, FF и Safari, но не применяется в IE6.

.side_nav a.active 
{
    color:#FFFFFF;
    background-color:#9F1F63;
}

Интересно, что цвет фона (background-color: # 9F1F63;) применяется в IE6, но не цвет шрифта (color: #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;
}

РЕДАКТИРОВАТЬ: Спасибо, но предложения не помогли. Когда я изменяю на: 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>

Answer 1

В IE6 важно, в каком порядке вы указываете якорные ссылки. Вы должны указать их в следующем порядке для достижения ожидаемого результата: сначала a: ссылка, затем a: посещение, a: наведение и a: active.

Answer 2

У вашего CSS есть точка, где должно быть двоеточие, в .side_nav a.active (должно быть .side_nav a:active

С этим исправлено, у меня работает в IE6.

Answer 3

Я попытался скопировать ваш код, и формат работал.
Ваша проблема в том, что вы видите ссылку как посещенную - у вас есть форматирование как посещенного, так и активного (поэтому у вас есть фиолетовый фон и фиолетовый текст).
Вы должны переопределить цвет для посещенных ссылок с активным классом:

.side_nav a.active, .side_nav a.active:visited
{
    color: #FFFFFF;
    background-color: #9F1F63;
}

Answer 4

Попробуйте добавить более конкретный селектор к .side_nav a.active, например div .side_nav a.active, где div - родительский элемент.

Цвет, вероятно, перезаписывается из правила .side_nav a.

Кроме того, у вас может быть опечатка - вы пытаетесь использовать: активный селектор?

Answer 5

Попробуйте использовать !important. Как это:

.side_nav a.active
{
    color: #FFFFFF !important;
    background-color: #9F1F63;
}