CSS 链接布局问题 Internet Explorer 7

Question

我正在建立一个新网站。 HTML 和 CSS 已验证，但我无法为 IE7 显示正确的布局。您可以在此处查看问题的屏幕截图:

如何防止 IE7 在面包屑链接之间放置额外的空间？

链接应该是这样的:

Answer 1

您的 CSS 存在一些问题，因为它也无法在 FF 中正确显示。在 ie.css 中，修改以下类:

#breadcrumbs li a{
    display: block;
    float: left;
    background-image: url(../images/bread-separator.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 34px;
    line-height: 34px;
    padding: 0 20px 0 10px;
}

#breadcrumbs li.sort a{
    background-image: none;
    border-left: 1px solid #d5d3d2;
    padding: 0 10px;
}

我可以通过 FireBug 在 FF 中测试这些，但它应该也适用于 IE。让我知道进展如何。