I've created a menu, & give it a divider image so every list item looks separate from each other. but how do I remove the last divider? as it's looking odd there. here is the code I'm using from less:

.top-menu {
background: url(../images/bg_linkstop.jpg) repeat-x;
border: #FFF 2px solid;
border-radius: 10px;
margin: 10px 0;
height: 52px;
list-style: none;

li {
float: left;
padding: 0 22px;
background : url(../images/bg_divisor.png) no-repeat center right;


& here is the screenshot of the result:

any kind of help would be appreciated.