Проблема с float

Всем привет!
Вот пример проблемы:
http://jsfiddle[dot]net/d8Rsb/1/

Если убрать средний LI, то левый прижимается к левому краю, правый к правому.
Стоит вставить средний LI, правый уходит вниз.

(Отредактировано автором: 05 Февраля, 2012 - 08:56:04)

А почему бы просто не поставить один общий float
http://jsfiddle[dot]net/d8Rsb/2/

Я хочу, чтобы крайние были по краям, а средний ровно по середине.
И что бы между ними равные отступы были.

(Отредактировано автором: 05 Февраля, 2012 - 09:45:22)

сделайте для второго li display: inline-block; , margin - убираем
а у контейнера ul text-align: center; и всё прекрасно

-----
Just do it

Ну так можно и всем li задать это свойство))
Не то.

как это не то? первый прижат к левому, борту, 3-й - к правому, а второй акурат по середине. вроде же это нужно было?

-----
Just do it

C помощью display: inline-block; можно этого добиться, но в IE 6-7 приходится писать костыли.

да, есть костыль на 2 строки под старых ишаков.

-----
Just do it

Спасибо Panoptik ))
Но хочется найти решение ещё всё-таки с float))

если у вас контейнер фиксированного размера, то можно было бы еще попробовать всем li поставить float: left; и подобрать им margin-left/margin-right чтобы они выглядели расположенными по середине
(Добавление)

-----
Just do it

Ну я так и сделал.