Трудности верстки меню на <li>

[Kiri Komori]

Добрый день. Столкнулся с маленькой трудность при оформлении бокового меню на сайте.

Изначально меню должно смотреться вот так.

Категории берутся из Бд и прописать CSS для каждой строчки отдельно не представляется мне возможным.

Поэтому для li были забиты обычные

border-bottom: 1px solid #cfc7b2;
border-top: 1px solid #f1ece0;

В результате получил замечательную полоску между категориями, но и сверху и снизу каталога они существуют и рвут дизайн.

Код запроса по категориям..

<li><a class="cat_href<? if (@$_GET['s_c']==$show_sub_cat['id'] ) echo "_sel";?>" href="index.php?<? show_href_lang($_GET); ?>&m_c=<? echo $show_cat['id']; ?>&s_c=<? echo $show_sub_cat['id'];?>"><? echo $show_sub_cat["name_{$lang}"];?></a></li>

Вопрос: Можно ли как то обозначить крайние элементы в списке UL (li) и применить к ним другой CSS?

Спасибо.

[Vlad]

Есть псевдокласс first-child и last-child, как раз для таких случаев. С IE будут проблемы.

http://htmlbook.ru/css/first-child

http://htmlbook.ru/css/last-child

Раз используется PHP, то на нем проще отследить первый и последний элемент и добавлять к стилям .last и .first.

[Kiri Komori]

Спасибо. Попробую Отпишусь как будет результат..