Подскажите в центрировании UL

[Caption]

Добрый день, не совсем пойму как сделать UL список по центру внутри div.

text-align помогает, но когда я делаю элемент LI - float:left; весь список сдвигается.

т.е:

.c_circle {
    margin: 0 auto;
    overflow: hidden;
    text-align:center;

}
.tab_circle ul{
   list-style-type: none;
}
.tab_circle ul li{
  float:left;
    		height:17px;
 		width:17px;		
		background:url(circle.gif) 0 0 no-repeat;
}

 <div class="c_circle" >	
   <div class="tab_circle" >
        <ul>
          <li>1</li>
          <li>2</li>
          <li>3</li>
        </ul>
    </div>
 </div> 	

[Gaspode]

Вам нужно центрировать список, элементы списка или текст внутри элементов списка о_О?

[Caption]

Мне нужно чтобы список был по середине, НО элементы списка в линию, т.е. LI - float:left;

Код выше, он работает без float:left;, список по середине.

как только добавляю float:left; список становится в линию, но сдигается в лево.

[Gaspode]

Код выше, он работает без float:left;, список по середине.

Не посередине он, а всю ширину занимает. text-align, который выше, тут вообще не влияет никак и влиять не может. Чтоб работало, надо списку задать ширину и margin: 0 auto;

[Caption]

А как быть если я за ранее не знаю ширину списка ?

[Gaspode]

Тогда надо поставить для ul и li display: inline-block (float убрать, text-align вверху оставить). Но ie 6-7 сдохнут на этом. Как под них подогнать, навскидку не скажу.

[Softlink]

Вот здесь подобная проблема обсуждалась http://forum.htmlbook.ru/index.php?showtopic=27128