CSS 设计模式和旧版 IE6 的问题

Question

http://ci2.totalshopuk.com 的顶部导航左侧有分隔线，这意味着最后一个链接没有有一个分隔器。我想删除第一个分隔线或在最后添加一个分隔线。

我复制了 .navmenuitem1 样式并制作了一个新的 .navmenuitemfirst1 并删除了背景，但奇怪的是第一个链接被放在了其余链接上方的一行上！？ （即使是该样式的直接副本也会做同样的事情）。

示例：-

<ul class="navmenu1">
    <li class="navmenuitemfirst1"><a href="/">Home</a></li>
    <li class="navmenuitem1"><a href="/download">Download</a></li>
    <li class="navmenuitem1"><a href="/about">About Us</a></li>
    <li class="navmenuitem1"><a href="/faq">FAQ</a></li>
    <li class="navmenuitem1"><a href="/newsletter">Newsletter</a></li>
    <li class="navmenuitem1"><a href="/license">License</a></li>
    <li class="navmenuitem1"><a href="/contact">Contact Us</a></li>
</ul>

最后，在 IE6 中没有显示任何背景图像，我只是将颜色作为背景...但是原始表格设计上的背景位于 http://www.totalshopuk.com 显示正确。

非常感谢任何帮助！

-- 复制所有 .navmenuitem 样式修复了分隔符问题 --

.navmenuitemfirst,.navmenuitem {
    display: inline;
    margin: 0;
    padding: 0;
}

.navmenuitemfirst a {
    color: #FFF;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
}

.navmenuitem a {
    background: url(../images/navdivider.png) no-repeat;
    color: #FFF;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
}

.navmenuitemfirst a:hover,.navmenuitem a:hover {
    color: #E64D29;
}

Answer 1

好的，第一个问题的答案可能与 a 有关：

http://jsfiddle.net/9DTTd/ 1/

我为 .navmenuitemfirst1 a 创建了一个新类

，当背景样式位于 a 中时（a 是带有背景的块），您可能只应用了新类。我看不到任何线路错误，但请检查并告诉我。这也可能回答关于背景的第二个问题，但我没有 ie6 来检查它：3

编辑：我后来注意到为什么它不起作用，愚蠢的我。该类还需要具有内联属性：

.navmenuitem1,.navmenuitem2,.navmenuitemfirst1 {
    display: inline;
    margin: 0;
    padding: 0;
}

Answer 2

可能 .navmenuitem1 有一个position:relative 和 float:left 而 .navmenuitemfirst1 没有。正如 utopicam 要求为它制作一个 jsfiddle ，这样我们就可以用它检查 css 。