让li里的标签右对齐

<style>
.test{
margin:0;
padding-left:0px;
border:2px solid #cccccc;
width:500px;
line-height:1.5em;
font-size:12px;
}
.test ul{
margin-left:0px;
list-style:none;
padding:0;
border:0;
margin:10px 0 10px 10px;
}
.test li{
/*float:left;*/
padding:0 10px 0 20px;
background: url(http://www.blueidea.com/img/icon/arrow.gif) transparent no-repeat 0px 0px;
height:1.5em;
overflow : hidden;
text-overflow:ellipsis ;
position:relative;
}
.test li a{
margin-left:0px;
}
#time{
    position:absolute;
    right:0px;
    color:#FF0000;
}
</style>
<div class="test">
<ul>
<li><a href="#">我长大后.长成一粒沙/</a><span id="time">(2004-12-25)</span></li>
<li><a href="#">经常落入母亲的眼里/</a><span id="time">(2004-12-25)</span></li>
<li><a href="#">使母亲垂泪.若干年后我要回到故乡/</a><span id="time">(2004-12-25)</span></li>
<li><a href="#">成为一块微不足道的石头/供母亲歇息.</a><span id="time">(2004-12-25)</span></li>
</ul>
</div>
</div>