css代码简单问题求助

<div class="box">
<ul>
<li class="title"><a href="#" >标题</a></li>
<li class="txt">简介</li>
<li class="end">来源:[------] 日期:[-------]<span style='text-align:right;width:100%'>[<a href="#" target="_blank">阅读全文</a>]</span></li>
</ul>
</div>

可能没有更好的办法了，因为“阅读全文”的宽度不够，设置右对齐也没用，我上面的代码设置它独占一行，这样才可能右对齐。

修改后解决火狐问题

<style>
.box {}
.box ul { padding:5px 0;}
.box li {line-height: 26px;padding-left: 15px;}
.title {font-size: 14px;font-weight:bold;padding-left: 15px;
background: url(../images/liebiao.gif) no-repeat left center;}
.txt {color:#666;}
.end { color:#333;font-style: normal;}
.end span {}
</style>
<div class="box">
<ul>
<li class="title">