Best way to manage whitespace between inline list items

Question

My HTML is as follows:

    
Home
    
About         


        

Answer 1

A better solution for list items is to use:

#nav li{float:left; width:auto;}

Has exactly the same visual effect without the headache.