Центрирование ul с плавающим li

У меня есть

<div id="container">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>

со следующим CSS:

#container li {
float:left;
height:33px;
line-height:30px;
text-align:center;
width:auto;
}

#container{
 width:600px;
}

Однако у меня возникли трудности с горизонтальным центрированием ul внутри #container . Похоже, мне нужна фиксированная ширина, установленная в ul для margin: 0 auto для работы (требуется text-align: center для IE). Однако я не хочу устанавливать фиксированную ширину для ul, поскольку элементы li будут динамическими.

Пожалуйста, сообщите.