Salve a tutti, ho una lista i cui elementi si dispongono in orizzontale e vorrei centrarla all'interno di un div che la contiene, ho provato in tutti i modi che conosco e non ci sono riuscito... come posso fare?

Questa è la lista:
codice:
<div id='counter' class='counter'> 	<ul class="countdown">
 		[*]<div class='countdown_num' id='countdown_day'></div><div>Giorni</div>
 		[*]<div class='countdown_num' id='countdown_hour'></div><div>Ore</div>
 		[*]<div class='countdown_num' id='countdown_min'></div><div>Minuti</div>
 		[*]<div class='countdown_num' id='countdown_sec'></div><div>Secondi</div>
 	[/list]</div>
e questo è il CSS
codice:
.counter{ 	width: 100%; margin:0 auto;  }
.counter ul.countdown{
 	list-style-type: none;
 	color: white;
 	font-weight: bold;
 	text-align: center;
        margin:0 auto; }
.counter ul.countdown li{
 	float: left;
 	background: url(digit.png) no-repeat;
	height:78px;
 	width: 75px;  	 }
.counter ul.countdown li div{ 	font-size: 12px; }
.counter ul.countdown li div.countdown_num{ padding-top: 15px;
 	font-size: 18px; }
Ho provato con l'align:center al div, ho provato con il margin: auto alla lista ed al div, ma nulla..

Qualche idea?
Grazie