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;
height:48px;
padding: 0 22px;
background : url(../images/bg_divisor.png) no-repeat center right;

}
}

& here is the screenshot of the result:
http://img3.uploadhouse.com/fileuplo...b07128b920.jpg

any kind of help would be appreciated.
thanks