Одинаковая ширина <LI> взависимости от ширины <UL>

[PlutDem]

Есть вот такое меню:

<style>
    ul{
        width:1000px;
    }
    li{
        float:left;
    }
</style>

<ul>
    <li>First</li>
    <li>Sekond</li>
    <li>...</li>
    <li>...</li>
</ul>

Нужно что бы элементы меню были одинаковыми по ширине и заполняли вместе всю ширину <ul>.

Тесть если <ul> размером 1000px и элементов 4, то ширина элементов должна быть 250рх, если 5 то 200рх и т.д. Количество пунктов будет меняться, соответственно прописать это явно не получиться.

На ум приходят таблицы и скрипты, но ни то ни другое использовать не хочется, есть ли какое нибудь другое решение?

Edited January 17, 2012 by PlutDem

[psywalker]

Табличное поведение?

[Gaspode]

Таблицы вам тоже не помогут, потому что никто вам не обещает одинаковую ширину ячеек. Решайте задачу на сервере, пусть он, допустим, навешивает разные классы на элементы списка, в зависимости от их количества.

Edited January 17, 2012 by Gaspode

[psywalker]

Таблицы вам тоже не помогут, потому что никто вам не обещает одинаковую ширину ячеек. Решайте задачу на сервере, пусть он, допустим, навешивает разные классы на элементы списка, в зависимости от их количества.

Точно? http://jsfiddle.net/6NKb5/2/

[buddah]

Вся магия в table-layout: fixed;

psywalker,ты там забыл убрать 25%.

Edited January 17, 2012 by buddah

[psywalker]

Вся магия в table-layout: fixed;

psywalker,ты там забыл убрать 25%.

Да, просто помню где-то с этим были косяки, вот и поставил. Наверное с чем-то перепутал)

[rus]

вот тут тема проскакивала.