Как убрать фон картинкой у первого пункта списка <li>, если заданы у всех остальных

[extruder]

Всех приветствую.

Создаю горизонтальное меню, тегами <li>...</li>.

Между пунктами меню должны быть картинки, их засовываю в свойство background-image.

Получается примерно следующее:

#menu li{
  float: left;
  list-style: none outside;
  margin: 0px;
  padding-left: 50px;
  background: transparent 16px 13px;
  background-image: url(bullet.gif);
  background-repeat: no-repeat;
}

При этом перед первым пунктом меню картинки быть не должно.

Для этого придаю ему идентификатор <li id="service">...</li>.

И делаю свойство

#service{
  padding: 0px;
  background-image: none;
}

Не срабатывает убирание бакграунда.

Прошу помочь.

Спасибо.

Edited January 11, 2009 by extruder

[DjTarik]

так как у тебя #menu li

то попробуй написать

li #service

- если я тя правильно понял...

[extruder]

По-всякому пробовал

li #service

#menu li #service

#service

Никак не срабатывает.

[s0rr0w]

По-всякому пробовал

li #service

#menu li #service

#service

Никак не срабатывает.

#menu li имеет приоритет над #service.

#menu li #service сработает только для случая <ul id="menu"><li><ul><li id="service"></li></ul></li></ul>

#menu #service - правильный вариант.

[extruder]

А вот этот вариант я не пробовал!

Все сработало, отлично.

Сорров, очень благодарен!