Allineamento UL al centro del DIV

[alemux]

Salve a tutti,
sto cercando di fare una cosa senza ricorrere a jQuery, ma semplicemente usando i CSS: chissa se si può fare?!?!

Ho un DIV di larghezza 300px e alto 30px.
All'interno di questo DIV metto un UL con le seguenti caratteristiche:

ul{    
list-style:none;    
margin:0;    
padding:0;    
float:left;    
margin:auto;    
width:auto;
}

ul li{    
float:left;    
width:14px;    
height:14px;    
margin:0;    
padding:0;    
background:url(../img/bg/columnContainer_greybg_bullet.png);    
margin:0 5px 0 0;
}

Il codice della lista:

<div class="ColumnPicContainer_bullets">
<ul>
<li></li>
<li></li> 
<li></li> 
<li></li>
</ul>
</div>

Ora: i LI hanno dimensione fissa, 14px, e margine destro 5px, quindi so, avendo azzerato padding e margin della UL, avrò un UL di width:76px;

Ho provato a mettere un width:auto e margin:auto alla UL, ma comunque mi viene allineata a sinistra.

Avete una mezza idea in mente?
Non è niente altro che un elenco di bullets che indicano quante foto ci sono nello slideshow.
Vorrei evitare di usare uno script (per carità, semplice da fare, che ci vuole...) in JS per calcolare la dimensione totale e settare il margine sinistro.

Vi ringrazio anticipatamente
Ale

[widoz83]

se metti un text-align:center al div contenitore, elimini i due float left presenti e metti un display inline-block agli "li" dovrebbe centrare il tutto.

[alemux]

se metti un text-align:center al div contenitore, elimini i due float left presenti e metti un display inline-block agli "li" dovrebbe centrare il tutto.

provo subito e ti faccio sapere! grazie neh

[alemux]

se metti un text-align:center al div contenitore, elimini i due float left presenti e metti un display inline-block agli "li" dovrebbe centrare il tutto.

C'è sempre da imparare un sacco.
Cosa dire se non grazie, la tua soluzione funziona a meraviglia!

[widoz83]