菜单中的CSS对齐方式

Question

我已将图像放在超级鱼菜单中以分隔列表项。它似乎正在抬高菜单上的对齐方式。关于为什么以及如何修复的任何线索？

我的代码非常简单

    #menu .sf-menu li:not(:first-child):before {
    content: url('../images/menubord.png');
}

你可以在这里看到：

Menu

感谢您的帮助！

取值

Answer 1

您可以根据列表项定位图像：

#menu .sf-menu li:not(:first-child):before {
    content: url('../images/menubord.png');
    position: absolute;
    top: 5px;
}

Answer 2

如果您不想使用位置，请使用以下方法

#menu .sf-menu li:not(:first-child):before {
    content: url(../images/menubord.png);
    float: left;
    margin-top: 5px;
}