HTML / XHTMLコミュの要素を右揃えにしたいのですがうまくいきません＞＜

初めまして。
floatを使って横ナビゲーションを作成しているのですが、
要素が右揃えになってくれず困っています。
具体的に言うと以下のようになってくれないです。

----------------------------------------------------
............................................項目１ | 項目２ | 項目３ | 項目４ | 項目５
----------------------------------------------------

こういう場合はmargin-right: auto;では右揃えになってくれないんでしょうか？
いろいろ探し回っているのですが解説されているサイトが見つかりません...。
ヒントだけでも教えていただけると嬉しいです。

<div class="gnavi">
<ul>
<li><a href="">項目１</a></li>
<li><a href="">項目２</a></li>
<li><a href="">項目３</a></li>
<li><a href="">項目４</a></li>
<li><a href="">項目５</a></li>
</ul>
</div>

.gnavi {
height: 36px;
display: block;
background-image: url("bg.png");
background-position: 0 -36px;
}
.gnavi li {
display: inline;
list-style-type: none;
line-height: 36px;
margin-left: auto;
}
.gnavi li a {
width: 130px;
height: 36px;
float: left;
text-align: center;
display: block;
background-image: url("bg.png");
background-position: 0 0;
}
.gnavi li a:hover,
.gnavi li.active a {
background-position: 0 -72px;
}