HTML水平导航UL不填充空间

Question

请帮忙解决这个问题。

这个导航栏将不能正常工作，每个浏览器显示它不同。我做错了什么?这个代码不符合规范吗?我不想为所有的a, li和ul设置一个静态的高度。难道他们不应该填满文字吗?我不知道我做错了什么，文本与<li>中的<a>标签相结合。

请看小提琴的例子。由于

http://jsfiddle.net/z2Kcx/

Answer 1

添加一个明确的修复#nav -小提琴

#nav::after {
    content: "";
    display: table;
    clear: both;
}