DIV-ы, Гор. меню, несколько пунктов, с процентной шириной

[nbid]

Задача такая, если бы это были таблицы я бы сделал так:

<table width="100%">

<td><a href="#">link 1</a></td>

<td><a href="#">link 1</a></td>

<td><a href="#">link 1</a></td>

<td><a href="#">link 1</a></td>

</table>

тогда бы пункты растянулись бы на всю страницу, еще ссылкам пропсиал бы display: block; и тогда бы они заполняли всю ячейку, вот мне надо так, тока на дивах.

<div class="menu">

<a href="#">link 1</a>

<a href="#">link 1</a>

<a href="#">link 1</a>

<a href="#">link 1</a>

</div>

<style>

.menu { width: 800px; border: #090 1px solid; }

.menu a { display: block; float: left; padding: 10px; background: #900; }

</style>

но если пишешь display: block, то надо еще и float: left

но тогда они все становяца минимальной шириной.

А как сделать так, чтобы пункты растягивались на весь размер дива с .menu?

[nbid]

что решение такой проблемы не существует?

[sigma77]

Количество пунктов меню известно и кратно 100? Если нет, то только таблицы

[nbid]

не известно может быть 3, 5, 7, 10, 4, 6, 8, 9 и т.п. штук)

[sigma77]

nbid,

Тогда только таблицы или скрипты, или display: table; table-layout: fixed и display: table-cell и искать решения для ИЕ7-6