Css Menü Arasına Çizgi Sorunu

Merhaba arkadaşlar css menüde bir sorun ile karşılaştım alttaki kodu kullanarak menü arasına çizgi oluşturdum fakat menüde ilk başta çizgi oluşmadı onu nasıl yapabilirim, yada en sondaki çizgiyi nasıl kaybedebilirim.

Menü css kodları:
#slantedmenu{
font-weight: 600;
font-family: arial, "lucida console", sans-serif;
background:#242424;
font-size: 13px;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 16px 0;
margin: 0;

border: 0px solid #bebebe;
text-align: right; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
padding:5px 5px;
color:#000000;
line-height:32px;
text-decoration:none;
border-right:1px solid #ccc;
}

#slantedmenu ul li a{
color: #fff;
padding: 20px 0;
padding-right: 5px;
padding-left: 5px;
margin: 0;
text-decoration: none;
background: transparent url(media/slantdivider.gif) top right no-repeat;
}



#slantedmenu ul li a:visited{
color: #fff;
}

#slantedmenu ul li a:hover{
color: #ccc;
background:#000;
}

Resim:

Diğer kodları da verirseniz ona göre yardımcı olalım. Sadece çizgi kodunu zaten herkes biliyor. Çizgiyi nereye verdiğinize göre değişen bir konu, eğer ilk ve son elementleri belirlemek istiyorsanız li tagına vermeniz en mantıklısı olur.

css de :last-child ve :first-child kodları ile ilk ve son elementi belirleyebilirsiniz yani;

.menu ul li {border-right:1px solid #ccc;}
.menu ul li:last-child {border-right:none;}

şeklinde kullanabilirsiniz. border-left kullanmanızı tavsiye ederim, border-left için ise :first-child için {border-left:none;} şeklinde css kullanabilirsiniz.

hocam üstte css kodlarını verdim bi ayar çekermisiniz acaba

Gerekeni anlattım biraz okuyup kendiniz yapmayı deneseydiniz öğrenmiş olurdunuz.
#slantedmenu{
font-weight: 600;
font-family: arial, "lucida console", sans-serif;
background:#242424;
font-size: 13px;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 16px 0;
margin: 0;
border: 0px solid #bebebe;
text-align: right; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
padding:5px 5px;
color:#000000;
line-height:32px;
text-decoration:none;
border-left:1px solid #ccc;
}

#slantedmenu ul li:first-child{border-left:none;}

#slantedmenu ul li a{
color: #fff;
padding: 20px 0;
padding-right: 5px;
padding-left: 5px;
margin: 0;
text-decoration: none;
background: transparent url(media/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #fff;
}

#slantedmenu ul li a:hover{
color: #ccc;
background:#000;
}

hocam çok teşekkürler gerekeni anlattınız aynen fakat biraz kalın kafalıyım k.bakma yordum sizide.