当鼠标放上去后拿下来放到另一个栏目标题上时，上一个栏目标题的a:hover中的背景图片去不掉，而当再放在第三个栏目标题上时，前两个栏目标题的a:hover中的背景图片全都去不掉，最后所有的a:hover中的背景图片全部显示出来了，，，这个问题应该怎么解决？
不知道你的导航区域内的div是如何写的，总之我判断是<a>标签或者其子级标签有float属性。
比如<a href="url" style="float:left;"><div></div></a>，或者<a href="url"><div style="float:left;"></div></a>
总之具有float属性的标签在遇到伪类a:hover时，鼠标移开后，其悬停视觉还册物是会存悉哗在的，这是IE6的一个bug。
你应该取消float属性，而尝试用其他办法来实现你的目的。至于用什么办法来替代float属性所达到的效州陆液果，比如你可以用绝对定位等等，结合你实际的情况去进行。
这正常