我的 CSS 下拉菜单有一个简单的问题，我想让下拉菜单与它们上方的按钮长度相等。请参见下面的示例，我只想将块拉伸到上述块的长度。
新用户，无法上传图片
如果您使用我的jsFiddle 链接，您可以看到我的代码并实时编辑它。无论如何，我都会发布代码以防万一。注意我只是在这里发布 CSS 样式表，因为 HTML 不是问题的一部分。
/* Dropdown Menu */
#nav {
float: right;
width: 600px;
height: 90px;
margin: 0 auto;
padding-top: 65px;
}
#nav ul {
font-family: Arial, Verdana;
font-size: 14px;
margin: 0;
padding: 0;
list-style: none;
float: right;
}
#nav ul li {
display: block;
position: relative;
float: left;
}
#nav li ul { display: none; }
#nav ul li a {
display: block;
text-decoration: none;
color: #ffffff;
border-top: 1px solid #ffffff;
padding: 5px 15px 5px 15px;
background: #3636FE;
margin-left: 1px;
white-space: nowrap;
}
#nav ul li a:hover { background: #3636FE; }
#nav li:hover ul {
display: block;
position: absolute;
}
#nav li:hover li {
float: none;
font-size: 11px;
}
#nav li:hover a { background: #3636FE; }
#nav li:hover li a:hover { background: #6868FE; }