Html css，边界对边界

我有一个桌子的设计，旁边有一个菜单：，问题是

#settingNev ul li a

的角显示在

右边的边框上

，因此有一些小白点，边框与菜单和桌子相连（你可以轻松地在小提琴中使用）

我怎么能做他们不会做的事？我希望

ul

的

li

背景色保持白色且不透明（透明解决它）

另外，我不想将左、上、下边框设置为0px，因为ethen在其悬停时一个
li
另一个移动
类似于musefans answer，但有一个修复^^

#settingNev ul li a {
    display: block;
    border-radius: 6px 0px 0px 6px;
    color: #666;
    //padding: 5px 3px;
    padding: 6px 3px 6px 4px;
    border: none;
    border-right: 1px solid black;
    //margin: 1px 0 1px 1px;
}
#settingNev ul li a:hover {
    border: 1px solid black;
    border-right: 1px solid white;
    //margin: 0;
    padding: 5px 3px;
}
#settingNev .active a {
    border: 1px solid black;
    border-right: 1px solid white;
    //margin: 0;
    padding: 5px 3px;
}


此外，你有一些重复的css在你的小提琴

更新：使用填充而不是边距现在你可以在我更新的小提琴中看到它了
嗯，你不应该在CSW中大写你为什么不尝试改变背景颜色而不是悬停？那会容易得多。改变背景？你能举一个小提琴的例子吗？哦，谢谢，我没看到，悬停时，
s仍在移动