css 下拉菜单 : submenu won't align left

Question

我正在尝试使用在 csswizardry 上找到的 css 创建下拉菜单

出于某种原因，子菜单不会自动向左对齐，我似乎找不到问题所在。我认为这与

#nav li:hover ul{ 
left:0;
}

或

#nav ul{
background:#fff; 
background:rgba(255,255,255,0);
list-style:none;
position:absolute;
left:-9999px; 

但似乎无法找到它是什么。 :(

这是我的代码:http://jsfiddle.net/gD5rJ/

谁能指出我正确的方向？

Answer 1

ULs 有默认的 40px 左边距(或任何浏览器中的填充)。

#nav li ul {margin-left: 0; padding-left: 0;}