没有固定宽度的CSS水平子菜单

Question

我的水平导航菜单在 chrome 和 firefox/ie 中呈现不同。

jsfiddle 演示:http://jsfiddle.net/WLhvb/3/

有没有办法让它看起来相等(就像在 chrome 浏览器中一样)，而无需将固定宽度设置为 <ul class="level_2"> ？

视觉对比

Answer 1

我成功了。

jsfiddle:http://jsfiddle.net/WLhvb/8/

关键是将 ul.level_2 的定位设置为 position: static; 并去掉 float: left。