Css IE 6无法识别当前页面

我使用一个简单的列表作为导航，根据链接正常、悬停或当前的状态显示相应的背景图像。在IE6中，当前或实际页面被忽略，不显示不同的图像，并保持链接处于活动状态。代码是-

<div id="mainNav">
  <ul>
    <li><a href="../index.html">Home</a></li>
    <li><a href="../work.html" class="current">Projects</a></li>
    <li><a href="../contact.html">Contact</a></li>
  </ul>
</div>

IE6似乎忽视了“topcontent1”的主流风格

---

有人能看到问题或建议解决方法吗？IE6似乎在复杂的选择器语句方面有问题。也许可以尝试使用

#mainNav a.current

而不是

#topcontent1 #mainNav ul li a.current

---

在代码中更改此选项

#topcontent1 #mainNav li a:link, #topcontent1 #mainNav li a:visited {

到

#topcontent1 #mainNav li a:link, #topcontent1 #mainNav li a:visited {

#topcontent1 #mainNav li a {