Html CSS3 Firefox边框半径剪辑

我不知道为什么Firefox浏览器会在右上角添加像素删除边界半径。如果有人注意到它在我附加的图像

这只发生在Firefox浏览器中。有办法解决吗

HTML:

您可以使用此代码

nav{
高度：50px；
框大小：边框框；
保证金：0自动；
宽度：1012px；
}
导航>ul{
填充：0；
保证金：0；
}
导航>ul>li{
显示：块；
浮动：左；
身高：100%；
线高：50px；
文本对齐：居中；
宽度：144.429px；
背景色：rgb（128,0,128）；
边框颜色：rgb（255167252）；
颜色：rgb（255、255、255）；
}
nav>ul>li：第一个孩子{
边框左下半径：25px；
边框左上半径：25px；
}
nav>ul>li：最后一个孩子{
边框右下半径：25px；
边框右上角半径：25px；
}

主页
现在预订
服务价格
产品价格
我们的证词
我们的活动
联系我们

我了解了您的源代码，但我看不出您所描述的问题。您使用的浏览器和/或操作系统的版本是什么？我无法将您的问题重现给您。查看firefox的webconsole，看看是否有任何错误。蓝色错误是css错误。也许你忘了前缀什么的，但我看不出你的代码有什么问题。我也不太确定，如果我减小了宽度，它会解决问题，有时会使它比实际情况更宽。。奇怪！

<nav class=""id="menusystem">
    <ul><li class="active"><span><i class="fa fa-building-o"></i> Home</span></li>
        <li><span><i class="fa fa-calendar-o"></i> Book Now</span></li>
        <li><span><i class="fa fa-male"></i> Service Prices</span></li>
        <li><span><i class="fa fa-th"></i> Product Prices</span></li>
        <li><span><i class="fa fa-thumbs-o-up"></i> Our Testimonials</span></li>
        <li><span><i class="fa fa-group"></i> Our Events</span></li>
        <li><span><i class="fa fa-envelope-o"></i> Contact Us</span></li>
    </ul>
</nav>

nav {
    height:50px;
    box-sizing: border-box;
}

nav > ul {
    padding:0;
    margin:0;
}

nav > ul > li {
    display: block;
    float: left;
    height: 100%;
    line-height: 50px;
    text-align: center;
    width: 144.429px;
     background-color: rgb(128, 0, 128);
    border-color: rgb(255, 167, 252);
    color: rgb(255, 255, 255);
}

nav > ul > li:first-child {
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}

nav > ul > li:last-child {
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
}