リストを全体的に右寄せにしたい。

リストを横並びにしました。
これを大きいdivで囲んだ中の右寄せにするにはどうしたらよいのでしょうか。

#ex {
width: 100%;
background-color: #66CCFF;
height: 28px;
}
#ex ul {
list-style: none;
}
#ex li {
margin: 0px;
padding: 5px 0px 5px 30px;
list-style: none;
float: left;
background: url(***.gif) no-repeat 10px 0.5em;
}

<div id="ex">
<ul>
<li><a href="#">リスト</a></li>
<li><a href="#">リスト</a></li>
</ul>
</div>

No.1 ベストアンサー 回答者： yambejp 回答日時： 2007/04/27 14:45

ulにfloat:rightを設定してみは？

#ex ul {
list-style: none;
float:right;
margin: 0px;
padding: 0px;
}

この回答への補足

ご回答、ありがとうございます。
floatを設定の場合、#ex ulにwidthは指定しなくてもOKでしょうか？

補足日時：2007/04/27 15:00

この回答へのお礼

#ex li のfloat: left;をやめて、display:inlineに変更し、yambejpさんの方法で解決しました。
ありがとうございました！！

お礼日時：2007/04/27 15:26