Html CSS导航栏下拉列表问题

在我的下拉导航栏上遇到一些css问题。在下拉列表中，我希望它与标准导航链接的宽度相同，并在其正下方，而不是像您在“Page2”上悬停时看到的那样稍微向右。另外，为什么下拉导航链接的一半是白色的，除非您将鼠标悬停在它上面

CSS/HTML/Demo

nav{
宽度：960px；
背景色：#3673a7；
高度：50px；
线高：50px；
保证金：自动；
边界半径：5px；
-webkit盒阴影：2px2px1px0pxRGBA（48,50,50,0.81）；
-moz盒阴影：2px2px1px0pxrgba（48,50,50,0.81）；
盒影：2px2px1px0pxRGBA（48,50,50,0.81）；
}
导航ul{
文本对齐：居中；
保证金：自动；
}
李国荣{
宽度：65px；
显示：内联块；
填充：0 30px 0 30px；
右边框：1px实心#355e7f；
浮动：左；
}
导航ul{
显示：无；
}
导航ul li：悬停>ul{
显示：块；
}
李海军：最后一个孩子{
边界权：无；
}
nav ul li:悬停{
背景色：#3b8acc；
}
导航a：链接，
a:参观了{
颜色：#ffffff；
文字装饰：无；
字体系列：“Lucida Sans Unicode”，“Lucida Grande”，无衬线；
字号：0.9em；
}

您在父级LIs上定义的填充会偏离子级的对齐方式，只需将这两个规则添加到CSS（以取消应用于父级的填充）：

---

总是在问题中包含代码，不要让我们去寻找它。

nav ul li ul { padding:0; }
nav ul li ul li { padding:0; border:none; }