CSS Align Меню справа от div

Question

Я пытаюсь выровнять меню справа от div. Когда оно находится, меню находится в верхнем левом углу. Я хочу, чтобы все было правильно ... чего я пропустил? Я добавил text-align: right .... Ive try 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

Добавить float:right; в #userpanel

Answer 3

Попробуйте this-

#menu 
{ 
position:absolute; 
top:0; 
right:0; 
width: 962; 
} 

Answer 4

использование этого

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

вот jsFiddle Link

Answer 5

LIKE этого

DEMO

CSS

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

Answer 6

Прежде всего, вы не определили атрибут ширины и высоты должным образом. То, что я имею в виду, либо определяет его с px, либо%; например width:962px;

Кстати Вот рабочий пример http://jsfiddle.net/hT4Bd/1/

Answer 7

Обновление #menu стилей следующим образом.

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

Answer 8

Ничего из этого не было, но я нашел Арифа Хана, дал мне представление. Я решил это сделать ...

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