CSS对齐问题

我一直在尝试建立一个网站，当我在各种浏览器上测试该网站的浏览器兼容性问题时，我注意到存在对齐问题

下面是HTML和CSS的实时链接

问题是，当我用Mozilla Firefox打开网页时，一切正常。然而，当我在Google Chrome上执行相同的脚本时，列表项的位置是不正确的。它不是在圈上，就是列表项不在一行中

如果我根据Google Chrome调整定位，Mozilla上的定位是不正确的。反之亦然

总的来说，我想解释的是，我在Mozilla Firefox和Google Chrome上得到的结果是不一样的

我想知道我哪里做错了

非常感谢你的帮助

多谢各位 哈雷什

不确定这是否是您想要的行为，但这条规则-float:right；-抛出最后一个元素

#service-ul-box li:last-child {
    border:none;        
}

如果你有足够的屏幕空间，这是可行的

#service-ul-box li:last-child {
    border:none;
    float:right;
}

#service-ul-box li:last-child {
    border:none;        
}