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: