Не могу разобрать с горизонтальным меню

[gyper]

Здравствуйте, помогите пожалуйста разобраться с горизонтальным меню

Есть горизонтальное меню: Главная Новости Контакты Обратная связь

хотелось бы вставить вертикальный разделитель вот так:

Главная | Новости | Контакты | Обратная связь

мой ксс имеет вид

#test-menu li{

background: url(../images/vline.gif) 100% 0 repeat-y ;

display: inline-block;

font-size:11px;

padding: 0 10px 0 10px;

}

но он отображает меню в таком виде (ставит черту в конце):

Главная | Новости | Контакты | Обратная связь |

можно как книбудь избавиться от этой черты с помощью ксс???

[tius]

#test-menu li {
display: block;
float: left;
padding: 0 10px;
border-right: 1px solid #000;
}
#test-menu li:last-child {
border: none;
}

[Softlink]

#test-menu li:first-child{
background:none;
}
#test-menu li{
background: url(../images/vline.gif) 0 100%  repeat-y ;
display: inline-block;
font-size:11px;
padding: 0 10px 0 10px;
}

Так наверное.

Кстати, зачем repeat?

[gyper]

парни спасибо огромное ( на второго плюсика не хватило )

[ruslan.savenok]

Куда вы пошли с псведоклассами, они не работают в IE!

Надо ставить класс на li (.first/.last)

li.first {
  yout: code;
}

P.S. Картинку можно заменить бордером в данном случае.

Edited August 17, 2011 by ruslan.savenok

[Softlink]

Куда вы пошли с псведоклассами, они не работают в IE!

Надо ставить класс на li (.first/.last)

li.first {
  yout: code;
}

P.S. Картинку можно заменить бордером в данном случае.

ну first-child с 7-го уже работает.