我正在尝试构建一个水平下拉菜单，其中第二级条目位于其父级第一级条目的中心。已经问过here类似的东西了。
但我对这个解决方案并不满意。在查看上述解决方案之前，我已经以非常类似的方式构建了我的下拉菜单。请在此处查看：http://jsfiddle.net/27UE8/1/
但它有一个我不喜欢的副作用：下拉越宽，我可以越往右下方（在我的情况下）下拉而不会使下拉消失。这是因为我在下拉列表周围使用了一个包装元素，该元素位于position: absolute; left: 50%;，以便能够使用position: relative; left: -50%;动态地将下拉列表中心化。
有没有人只有没有副作用的CSS解决方案？如果可能的话，我甚至在寻找一个没有 .menuwrapper div-element的解决方案，以便能够使用普通的嵌套无序列表（ul）。