html - CSS 整列メニューを div の右側に配置

Question

メニューを div の右側に揃えようとしています。現状では、メニューは左上の div にあります。右上にしたい...何が足りないの？text-align: right を追加しました.... float: right を試しました... 取得できません。

<div id="UserPanel">
<div id="menu">
<ul>
<li><a href="default.php">All Apps</a> | </li>
<li><a href="apps.php">My Account</a> | </li>
<li><a href="newsletter.php">Support</a> | </li>
<li><a href="aboutUs.php">Register / Login</a></li>
</ul>
</div>
</div>

CSSコードは

#UserPanel
{
width: 962;
height: 98;
background-image: url('bg-topbar.png');
}
#menu
{
text-align: right;
width: 962;
}
#menu ul /* Remove The Bullets */
{
list-style: none;
padding: 0;
margin: 0;
}
#menu li /* Place list in line */
{
float: left;
margin: 0 0.15em;
}
#menu li a /* Design it */
{
font-size: 0.75em;
background: url(background.gif) bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 8em;
display: block;
/* border: 0.1em solid #dcdce9; */
color: #C0C0C0;
text-decoration: none; /* Remove Underline */
text-align: center;
}

Answer 1

これを試して：

#UserPanel
{
width: 962;
height: 98;
background-image: url('bg-topbar.png');
float : right;
}

JSFiddle

Answer 2

これらはどれも機能しませんでしたが、アリフ・カーンが私にアイデアを与えてくれたことがわかりました. 私はこれを行うことでこれを解決しました...

#menu
{
position: relative;
left: 500px;
}

Answer 3

このような

デモ

CSS

#menu
{
text-align: right;
 float:right;
}