Question

Pseudo HTML

<div>
 <ul>
  <li>Nav 1</li>
  <li>Nav 2</li>
 </ul>
</div>

I want this to look like

[DIV---------------[UL nav1 nav2]----------------------]

Instead I get

[DIV[UL nav1 nav2-----------padding-------------------]]

The li’s are left floated. The ul has overflow: auto. How can I get the ul to be as wide as it needs to be, not as wide as it can be, so I center it with an auto margin?

Answer 1

Using display: inline-block with IE hack:

zoom: 1;
display: inline;