Помогите с CSS

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

Код:

<ul id="positions">    <li></li>    <li></li>    <li></li>    <li></li>    <li></li> </ul>

Пока справился следущим образом:
HTML:

Код:

<ul id="positions">    <li class="basic"></li>    <li></li>    <li></li>    <li></li>    <li></li>    <li></li> </ul>

CSS:

Код:

#positions {    border: 1px solid #000000;    margin: 0 auto;    padding: 0 0  15px 0;    width: 500px;    list-style-type: none; } #positions li.basic {    display: none; } #positions li.basic+li {    background-image: none;    margin: 0;    padding-top: 15px; } #positions li {    //border: 1px solid #000000;    background: url('spacer.png') top repeat-x;    height: 70px;    margin-top: 15px;    padding-top: 17px; }

Спасибо!

#positions li:first-child{
Здесь твой стиль для первого элемента
}

Спасибо! Радобает на последний версиях браузеров... а как насчет ИЕ ? В инете почитал, вроде поддержка только с 8-й версии этого селектора

IE7 держит.
IE6 - нет, если есть мега необходимость учитывать ie6, юзай свой первоначальный способ

ksander60 писал:

IE6 - нет, если есть мега необходимость учитывать ie6, юзай свой первоначальный способ

+1 тем более что стиль для ИЕ6 отдельным файлом можно вывести... считай что это фикс

Ребята, с божим словом и ейной матерью можно и ие6 научить работать как надо ;-)

Milk Trail:

Код:

/* для нормальных браузеров */ #positions li:first-child {    padding-left: 0;    background-image: none; } /* для ие6 (невалидно, но работает) */ #positions li {    padding-left: expression( (this===this.parentNode.childNodes[0]) ? "0px" : "auto");    background-image: expression( (this===this.parentNode.childNodes[0]) ? "none" : "auto"); }

hardy это уже высший пилотаж

Не то словл Это скорее даже "мама не горюй" !