ширина правого блока

[dmifed]

Здравствуйте. Я только начинаю осваивать верстку сайтов, поэтому прошу сильно не пинать если вопрос очень простой, однако в поиске и в сети я ответа не нашел (кроме совета верстать таблицей).

1. Я делаю горизонтальное меню с помощью списка (<ul>)

2. Верстка сайта резиновая

3. В меню 5 пунктов (<li>), ширина каждого пункта 15%

4. У этих пунктов есть фоновая 1-пиксельная картинка и, соответственно, есть свойство repeat-x, а так же текст со ссылкой.

5. Между пунктами меню вставлены разделители (<li>), ширина разделителей задается в пикселях, т.к. разделитель это картинка.

6. После 5-го пункта меню я хочу вставить еще один пустой (<li>), только с фоновой картинкой и чтобы он доходил до правого края страницы.

7. Проблема в том, что я не знаю как задать его ширину, т.к. она равняется 100%-5х15%-КоличествоПикселейВРазделителях.

Надеюсь на вашу помощь.

Спасибо.

[wildhind]

картинку в студию, что должно в итоге получиться

[dmifed]

картинку в студию, что должно в итоге получиться

[wildhind]

то есть, нужно серый градиент задать самой менюшке?

А в чём проблема?

[dmifed]

то есть, нужно серый градиент задать самой менюшке?

А в чём проблема?

А! Нужно было задать фоновую картинку в элементе <div>, в котором находится меню.

А я задавал картинку (серый градиент) элементам <li>

Теперь все получилось, спасибо большое!

[wildhind]

ну и славно

Общее правило: не нужно создавать себе проблемы там, где их нет