Textausrichtung in span-tags

[sikes]

Hallo,

folgender Code:

<ul>
  <li><span class="title">item 1
    </span><span class="pageNo">1</span>
  </li>
</ul>

CSS:
ul {
 margin: 0;
 padding: 0;
 list-style: none;
 width: 210px;
 }
ul li {
 font-size: 12px;
 width: 210px;
 padding: 2px;
 }
.title {
 width: 80%;
 display: -moz-inline-box;
 display: inline-block;
 }
.pageNo {
 width: 20%;
 display: -moz-inline-box;
 display: inline-block;
 }

Ich hätte gerne, dass der Text in .pageNo rechtsbündig ausgerichtet wird, sprich am rechten Rand der Liste. Versucht habe ich es mit text-align: right (geht nur im IE) und mit margin-right: 0. Jmd ein Tipp, wie das gehen könnte? Vielen Dank