Резиновое горизонтальное меню

[Albert]

Как можно сделать горизонтальное резиновое меню? списками или таблицами не важно. Нужно что бы промежутки между пунктами меню (ссылка текстом или картинкой, но ширина разная) были одинаковой ширины и изменяли значение с 20рх до 40рх в зависимости от разрешения

<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><a href="#">главная</a></td>
<td style="width:3.5% ">|</td>
<td><a href="#">автомобили и цены</a> </td>
<td style="width:3.5% ">|</td>
<td><a href="#">автосервис </a> </td>
<td style="width:3.5% ">|</td>
<td><a href="#">финансовый сервис</a> </td>
<td style="width:3.5% ">|</td>
<td><a href="#">корпоративным клиентам</a> </td>
<td style="width:3.5% ">|</td>
<td><a href="#">компания</a></td>
<td style="width:3.5% ">|</td>
<td><a href="#">контакты</a></td>
</tr>
</table> Т.е. ширина ячейки с разделителем должна быть 20px при ширине экрана 1024 и ограниченно раздвигаться до 40px при 1280рх. Ёще лучше, если бы это можно было сделать, чтобы разделитель не лежал в отдельной ячейке или <li>|</li>, а был границей или фоном пункта меню.

[Webmaster]

Albert, вы противоречите сами себе
нельзя сделать расстояние между пунктами меню одинаковое и при этом чтобы оно было фиксированным 20px

чтобы расстояние между пунктами меню было одинаковое, поставьте ширину не 3.5% а 100%

[Exterior]

Albert, можете попробовать в ячейках такие инструкции:

<td style="min-width:100px; max-width:200px">
или

<td style="min-width:5%; max-width:10%">