Css 如何使用li:hover更改整个li颜色？

我正在为自己的个人网站使用

ul

导航，但我一辈子都不知道如何改变整个

li

元素的

背景色。如果你看，你可以看到我正在努力实现的目标。我到处都找过了，但是我还没有找到一个“突出显示”文本左侧区域的解决方案。此外，我不确定如何计算
边距：2px
。以下是一些相关的CSS：

#nav li {
    margin:2px;
}

#nav li:hover {
    margin:2px; <-- does not affect where the background color changes, it seems
    background-color:#b5aec8;
}

#导航李{
保证金：2倍；
}
#李导航：悬停{
边距：从小提琴上取下2px；，只需从
元素中移除填充物，并将其交给
元素，然后这些元素将被完全着色

#导航{
宽度：80px；
-moz盒阴影：0px 3px 5px#888；
-网络工具包盒阴影：0px 3px 5px#888；
盒影：0px 3px 5px#888；
位置：固定；
左：0；
左侧填充：0px；/*******已更改为0*/
排名：0；
利润率最高：25%；
列表样式：无；
背景色：#ccc；
颜色：黑色；
字体系列：Helvetica；
z指数：1；
}
#导航ul{
列表样式：无；
左侧填充：0px；
}
#导航a{
文字装饰：无；
颜色：黑色；
}
#李海军{
保证金：2倍；
左填充：10px；/*******返回到此元素*/
}
#李导航：悬停{
保证金：2倍；
背景色：#b5aec8；
}

考虑这个答案：这将把
填充
放在
锚定
的
li
内，同时保留您的
边距
要求

参考：
太好了，我不敢相信我没有试过。谢谢！提示：您可能希望稍等片刻，以便查看多个答案并做出相应的决定。很公平，谢谢您的建议。