Html 带下拉菜单的边框半径

我已经使用过渡和边框半径创建了一个下拉菜单。下拉菜单工作正常，运行正常，但在蓝色背景上我看到白色边框

请打开此网站

所以请把鼠标悬停在菜单上，转到“Kontakt”并将鼠标悬停在列表上

CSS：

谢谢大家!

#导航>li>ul>li{溢出：隐藏；}
#导航>li>ul>li>a{border radius:0；//删除border radius}

您不需要使用溢出隐藏。只需从内部li移除背景，并将其添加到a的正常状态：

#Navigation li > ul li { 
    background: transparent;
}
#Navigation li > ul li a {
    background: linear-gradient(#efefef,#bbbbbb);
    background: -webkit-linear-gradient(#efefef,#bbbbbb);
}
#Navigation li > ul li a:hover {
    background: linear-gradient(#4b545f,#4b545f);
    background: -webkit-linear-gradient(#4b545f,#4b545f);
}

该边框是因为您看到的是

li

的渐变背景，而

a

的纯灰色背景

---

编辑以添加悬停状态。

我在链接页面的蓝色背景上的“Veranstaltungen”或“Kontakt”菜单上看不到任何白色边框。它只是圆形的灰色盒子，在悬停时会变暗。。。我觉得很干净。我使用的是Chromium 37.0.2062.120。我同意@Chad的说法，我可以看到一些像素的抗锯齿效果，但没有其他效果。你能告诉我们你使用的是什么浏览器并提供你看到的屏幕截图吗？在Chrome37和Firefox42.0上，我和@Chad和Adam是一样的，你确定吗？我刚刚在Dom85上做了一个截图，这是浏览器对圆形边框的抗锯齿。没有办法删除这几个像素。你好，Stepan Lylak！谢谢你的回复！这真的很有帮助！：-）非常感谢！：-）您好，使用此选项时，过渡效果不起作用。我想您应该为悬停添加背景，同时添加渐变，以使过渡属性正常工作。我正在使用主导航进行测试，但过渡效果不起作用。有什么想法吗？问题是过渡和线性梯度不一起工作。使用当前的Chrome版本进行测试。