title: CSS Align Menu to the right of a div
body: <p>I am trying to align a menu to the right of a div.  As it stands the menu is sitting in the div top left. I want it top right... what am I missing? I have added text-align: right.... Ive tried float: right... I just can't get it.</p>
  
  <pre><code>&lt;div id="UserPanel"&gt;
  &lt;div id="menu"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="default.php"&gt;All Apps&lt;/a&gt; | &lt;/li&gt;
  &lt;li&gt;&lt;a href="apps.php"&gt;My Account&lt;/a&gt; | &lt;/li&gt;
  &lt;li&gt;&lt;a href="newsletter.php"&gt;Support&lt;/a&gt; | &lt;/li&gt;
  &lt;li&gt;&lt;a href="aboutUs.php"&gt;Register / Login&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS CODE is</p>
  
  <pre><code>#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;
  }
  </code></pre>