IE8 怎么让无序列表中的文字与里面的div在垂直方向都居中

IE8 如何让无序列表中的文字与里面的div在垂直方向都居中
<ul>
  <li>华促日承认钓岛主权争议 182万</li>
  <li>网传深圳公务员不雅照 140万</li>
</ul>


为了让 182万、140万在最右边对齐 我加了个DIV 并设置 float:right;

<ul>
  <li>华促日承认钓岛主权争议 <div style="float:right;">182万,/div></li>
  <li>网传深圳公务员不雅照 <div style="float:right;">140万</div></li>
</ul>



结果firefox显示正常 但IE8中DIV总在文字的下一行，我把前面的文字也加上div并设置 float:left还是不行 ，晕很，被这个不知道是简单还是复杂的问题纠结了好久 请高手指点，一定要在IE8里面显示正确哈

[解决办法]
设置 li的宽度

或者直接用table

[解决办法]

HTML code

<ul>  <li><div style="float:right;">182万</div>华促日承认钓岛主权争议 </li>  <li><div style="float:right;">140万</div>网传深圳公务员不雅照 </li></ul>
[解决办法]
你只要ie8的  


就这样

.text{
 background-color:red\9;  

}