Html 清单上的IE6项目符号

我的链接在这里：

我使用列表风格的图像：给我的水平列表（非常顶部和底部）分隔符。我有一个类。首先从每个列表的第一个li中删除图像

瞧，在IE6中，它不起作用。发生的情况是项目符号图像没有显示，并且文本底部的几个像素似乎被裁剪

我已经修复了这个页面的一些“haslayout”错误，但我感觉这与我的规则层次结构有关，尽管对我来说似乎没有多少黑客行为

也许有人能解释一下吗？谢谢

此外，我的颜色变化对同一选择器中的悬停有效，但对下划线无效

编辑好的，我使用了yoavf建议的背景图像技术，这似乎起到了作用，但裁剪问题仍然存在。看来是另一个问题了

这是我修改过的CSS

#site-navigation li {
    background-image:url(../img/site-nav-seperator.gif);
    background-position:0 4px;
    background-repeat:no-repeat;
    float:left;
    padding-left:15px;
}
#site-navigation li.first {
    background-image:none;

}

进一步编辑：

通过给a标记一些线条高度，也解决了裁剪问题

#site-navigation a {
    color:#666666;
    display: block;
    text-decoration:none;
    margin-right: 1em;
    line-height: 1.1em;
}

---

但这一点感觉像是一个预兆：）

我知道这不是一个真正的解决方案，但我建议使用背景图像而不是列表样式图像。

---

您将获得相同的效果，并且在所有浏览器中都可以使用。

看起来站点导航中对象的边距和填充有问题

---

如果你展示了这些元素的CSS，我们可以更快地检查：）

对于我们这些没有IE6的人，如果你描述一下IE6中发生了什么，可能会有所帮助，因为“它不起作用”有点含糊不清。对不起，我已经更新了帖子，并提供了一个屏幕截图。