Не работает last-child

[apexis]

Между пунктами меню использовал палочки-разделители. В первом и последнем пункте меню захотел убрать разделители с помощью first-child и last-child. First-child сработал, а last-child нет. Чего он не работает?

#nav li:first-child {border-left:none}
#nav li:last-child {border-right:none}

<ul id="nav">

			    <li><a class="hsubs" href="#">Товары</a>
				    <ul class="subs">
					    <li style="border:0"><a href="#">Submenu 1</a></li>
					    <li><a href="#">Submenu 2</a></li>
					    <li><a href="#">Submenu 3</a></li>
					    <li><a href="#">Submenu 4</a></li>
					    <li><a href="#">Submenu 5</a></li>
				    </ul>
			    </li>
			    <li><a class="hsubs" href="#">Болезни</a>
				    <ul class="subs">
					    <li><a href="#"></a></li>
					    <li><a href="#"></a></li>
					    <li><a href="#"></a></li>
					    <li><a href="#"></a></li>
					    <li><a href="#"></a></li>
					    <li><a href="#"></a></li>
					    <li><a href="#"></a></li>
					    <li><a href="#"></a></li>
				    </ul>
			    </li>
			    <li><a class="hsubs" href="#">Отзывы и результаты</a>
				    <ul class="subs">
					    <li><a href="#">Текстовые отзывы</a></li>
					    <li><a href="#">Видео отзывы</a></li>
					    <li><a href="#">Результаты лечения</a></li>
					    <li><a href="#">Submenu 3-4</a></li>
					    <li><a href="#">Submenu 3-5</a></li>
				    </ul>
			    </li>
			    <li><a  href="#">Как это работает</a></li>
			    <li><a  href="">Доставка</a></li>
    <li><a  href="">Контакты</a></li>
    <li><a  href="">Форум</a></li>
			    <div id="lavalamp"></div>
		    </ul>

http://lidomed.com.ua/test/2.php

[lexxcode]

Потому что, в вашем случае, последний li не является последним элементом у вас еще div в конце.

Да и нельзя div вкладывать непосредственно в ul

[apexis]

Спасибо, не заметил

[apexis]

Возникла еще одна проблема. Хочу изменить padding для ссылок класса subs. Пробовал .subs a:link {padding:5px}, но чего-то не работает, а вот если вписать непосредственно в саму ссылку - работает.

[Switch74]

а так не пробовали?

.subs a{padding:5px}

[apexis]

а так не пробовали?

.subs a{padding:5px}

Так не работает. У родителя padding указан, может из-за этого не работает.

#nav li a {
        padding: 10px 20px 0;

}

[Int]

Ну !important?

[Dzhav]

можно так

.subs a{padding:5px !important}

или

#nav .subs li a{padding:5px}

Edited March 29, 2013 by Dzhav

[apexis]

Попробовал

.subs a{padding:5px !important}

Отступ со всех сторон убрался, а снизу не хочет. В firebug padding-bottom:0 и margin:0. Второй вариант работает так же.

Edited March 29, 2013 by apexis

[apexis]

Добавил display:inline и отступ снизу убрался, но теперь фон при наведении не на всю ширину выпадающего списка.