Проблемы с комбинированием селекторов в IE6

[rts]

ДД! след. конструкция:

Пытаюсь показать пользователю в какой части меню он находиться в данный момент, проблема с неверным отображением в IE6

HTML

<div id="list">
<ul>
 <li class="page_item"><a href="#">Раз</a></li>
 <li class="page_item current_page_ancestor"><a href="#">Два</a></li>
 <ul>
 <li class="page_item"><a href="#">One</a></li>
 <li class="page_item current_page_item"><a href="#">Two</a></li>
 <li class="page_item"><a href="#">Three</a></li>
 <li class="page_item"><a href="#">Four</a></li>
 </ul>
 <li class="page_item"><a href="#">Три</a></li>
 <li class="page_item"><a href="#">Четыре</a></li>
</ul>
</div>

CSS

#list a {
 color:#696969;
 font: normal 20px Arial;
}

#list li.current_page_item a {
 color:#c0c0c0;
 font: normal 20px Arial;
}

#list li.current_page_ancestor a{
 color:#c0c0c0;
 font: normal 20px Arial;
}

название и расположение классов менять не получиться - их генерит одна известная CMS. в IE6 почему то вместо того чтобы выделить блеклым серым только строчку

<li class="page_item current_page_item"><a href="#">Two</a></li>

происходит выделение всего списка

<li class="page_item"><a href="#">One</a></li>
<li class="page_item current_page_item"><a href="#">Two</a></li>
<li class="page_item"><a href="#">Three</a></li>
<li class="page_item"><a href="#">Four</a></li>

в Opera 9 и FF 2 в отличие от IE6 все OK. Гуру, подскажите, в каком направлении копать?

[strix]

#list a {

color:#696969;

font: normal 20px Arial;

}

#list li.current_page_ancestor a{color:#c0c0c0;}

#list li.current_page_item a{color:#c0c0c0 !important;}

#list li.current_page_ancestor li.page_item a{color:#696969;}

[rts]

strix, спасибо, помогло как говориться век живи век учись.

PS. Посмотрел ваш сайт, есть полезно-интересная информация; жалко нет RSS, :/я бы подписался