html - リストの最後のセパレーターが表示されない

Question

次のような水平リストがあります。

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

Cssは以下の通りです。

  #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;
}

しかし、最後の要素にセパレーター画像が表示されていません。どうすればこれを修正できますか。画像で問題を説明します。