HTML Horizontal Navigation UL not filling space

Question

Please help with this problem.

This navigation bar will not work properly and every browser displays it differently.. What am I doing wrong? Is this code not to proper specification? and I don't want to have to set a static height for all the a, li, and ul accordingly... shouldn't they fill up with the text? i don't know what I am doing wrong he text combined with <a> tags in the <li>.

Please see the fiddle for example. Thanks

http://jsfiddle.net/z2Kcx/

Answer 1

Add a clearfix to #nav - fiddle

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