Flexible Horizontal Navigation With Equal Distance Between Nav Elements

This is is my problem: - I need to make a horizontal menu - It needs to be flexible so no set width - The frist and the last element have to be align to the very beginning and en

Solution 1:

You can remove the empty divs if you add box-pack: justify:

ul {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
}

See: http://jsfiddle.net/thirtydot/wKjVq/3/