title: Float: right; in <ul> (nav)
body: <p>i have simple css &amp; html menu. it's fine, but i try to move some links to right, but when i try, all of these goes. i tried with inside  - and still nothing. Can someone help me?</p>
  
  <pre><code>#forum-nav,
  #forum-nav ul {
      list-style: none;
          padding-left: 20px;
          padding-right: 20px;
          width: 960px;
  
  }
  #forum-nav {
      float: left;
  }
  #forum-nav &gt; li {
      float: left;
  }
  #forum-nav li a {
      display: block;
      height: 28px;
      line-height: 2em;
      padding: 0 1.0em;
      text-decoration: none;
  }
  #forum-nav ul {
      position: absolute;
      display: none;
      z-index: 999;
  }
  #forum-nav ul li a {
      width: 80px;
  }
  #forum-nav li:hover ul.dropdown {
      display: block; 
  }
  
  
  /* Main menu
  ------------------------------------------*/
  #forum-nav {
      background:#597288;
  }
  #forum-nav &gt; li &gt; a {
      color: #fff;
      font-weight: bold;
  }
  #forum-nav &gt; li:hover &gt; a {
      background: #889bac;
      color: #fff;
  }
  
  .active {
      background: #889bac;
      color: #fff;
  }
  
  
  /* Submenu
  ------------------------------------------*/
  #forum-nav ul{
      margin-left: -20px;
  }
  #forum-nav ul a {
          border-top: 1.5px solid #fff;
          width: 100%;
          padding-left: 20px;
          padding-right: 20px;
      background: #597288;
  }
  #forum-nav ul li a {
      color: #FFF;
  }
  #forum-nav ul li:hover a {
      background: #889bac;
  }
  
  #forum-nav ul li:last-child a {
      border-bottom-right-radius: 2px;
          border-bottom-left-radius: 2px;
  }
  </code></pre>
  
  <p>and html:</p>
  
  <pre><code>&lt;ul id="forum-nav"&gt;
  &lt;id="m_index"&gt;&lt;a href="#"&gt;LINK ON LEFT&lt;/a&gt;&lt;/li&gt;
  &lt;id="m_index"&gt;&lt;a href="#"&gt;LINK ON LEFT&lt;/a&gt;&lt;/li&gt;
  AND I WANT IN ON RIGHT
  &lt;id="m_index"&gt;&lt;a href="#"&gt;LINK ON RIGHT&lt;/a&gt;&lt;/li&gt;
  &lt;id="m_index"&gt;&lt;a href="#"&gt;LINK ON RIGHT&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>how can i move it, and still it will be works fine?</p>