timwjohn

Try display:inline-block; -- best of both worlds! and float the ul not the list elements.
 
Oh and if you need to support IE6 and 7 then you'll need to add:
 

li { display:inline; zoom:1; }
 
as they don't support 'inline-block' on elements with a natural display of block.