I've got a horizontal list as following.

```
 <ul>
 <li>Credits Left : 200 USD</li>
 <li>Items Cold : 58</li>
 <li>System Status : Online</li>
 <li>Sync Details : Updated </li>
 </ul>

```

The Css is as following.

```
  #status ul{
height: 100%;
width: 100%;
padding:0px 0px 0px 0px;
margin: 0px;
}

#status li{
float: left;
list-style: none;
display: block;
padding: 20px 10px 20px 10px;
color: #dcdcdc;
font-size: 14px;
font-family:MyriadProReg;
background: url(../images/header_li_bg.jpg) no-repeat top left;
}

```

But I the last element is not showing the separator image. how can I fix this. The image will explain the issue.

![Result of my CSS](https://i.stack.imgur.com/k6pJa.png)