我的主菜单有小CSS问题？

Question

我所制作的网站是www.marigolds-cleaners.co.uk。

正如你所看到的，在firefox和我测试过的所有其他浏览器中，菜单看起来很好，但由于某些原因，有填充或边距或者在菜单链接和粉色线之间创建空间的东西底部。

是什么导致了这个问题？

Answer 1

它是因为外部div中的填充

#block-system-main-menu {
padding: 0 0 2px 0;

删除填充后，它会没问题

#block-system-main-menu {
padding: 0;

Answer 2

#block-system-main-menu .menu li {
    float: left;
    list-style-image: url("../images/bullet.png");
    margin: 0 4%;
}

这段代码在我的浏览器中看起来不错