Разделители пунктов меню

Здравствуйте) Создаю вертикальное меню, между пунктами делаю графический разделитель, прописывая для элемента списка (li) правило:

Код (html):

1. background: url("../images/spacer.jpg") repeat-x scroll 0 0 transparent;

Делаю альтернативный макет, назначая первому и последнему пункту меню классы "first" и "last", затем для первого пункта прописываю правило:

Код (html):

1. background: none repeat scroll 0 0 transparent;

Тем самым убирается разделитель перед первым пунктом.

Вопрос: А как поставить разделитель после последнего пункта???

 

Тот же вопрос. Искала в обучалке, не разобралась. Спасибо заранее за советы.

 

Можно добавив к правилу ul.menu данное свойство

Код (CODE):

1. background: url("../images/spacer.jpg") repeat-x scroll left bottom transparent;

Что сделает разделитель внизу блока меню

Но естественно есть и другие способы, если что пишите в личку адрес сайта, можно обсудить более подробно, именно ваш случай.

 

Совместимость с IE и андроидом у данного решения, никакая.
А в большинстве других браузеров работает только с префиксами.
http://htmlbook.ru/css/border-image

Поэтому думаю не практично его использовать для столь простой задачи.

 

По заявке, так сказать, прошу, наслаждайтесь
http://www.w3.org/TR/css3-background/#border-images

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

Как говорят: по себе людей не судят. Прошу не делать предположений, не основанных на фактах. А фактов подтверждающих ваше утверждение у вас естественно нет.

За сим заканчиваю данную дисскусию, ТС получил рекомендации, если еще что-то потребуется, спросит.