text-align右边填充权利不起作用？

Question

ul {list-style-type: none;margin:0; padding:0;}
.hits {
  background-image:url(hits.gif); 
  background-repeat:no-repeat;
  float:left;
  width:45px;
  height: 18px; 
  line-height:18px;
  text-align:right;
  padding-right:4px;
 }

<ul>
<li class="hits">328</li>
<li class="hits">0</li>
</ul>

p / s hits.gif是45像素宽度

为什么li标签内的文字没有填充？我几乎尝试了一切。

ul {padding:0;}

是不是因为这个？