title: Menu floating to the right on IE and to the left in FF
body: <p>I am working on a website that has a menu which behaves correctly on FF but not on IE (as usuall).<br />
  On IE it floats to the right while it should float to the left, however if float is set to none it behaves almost correctly, attaching the  onto the top of the container.
  <a href="http://simply-cdn.plutog.co.il/" rel="nofollow noreferrer">Here's a live example.</a><br />
  Here's the css:</p>
  <pre><code>/* Navigation */
  .navigation
  {
      float: left;
      overflow: hidden;
      width: 650px;
  }
  
  .navigation ul
  {
      list-style: none;
      margin: 8px 0 0 15px;
      overflow: hidden;
  }
  
  .navigation ul li
  {
      border-right: 1px solid white;
      float: left;
      padding: 0 12px 0 12px;
  }
  
  .navigation ul li.last
  {
      border: none;
  }
  
  .navigation ul li a
  {
      color: white;
      font-size: 14px;
      text-decoration: none;
  }
  
  .navigation ul li a:hover
  {
      text-decoration: underline;
  }
  
  .navigation ul li a.active
  {
      font-weight: bold;
  }
  
  .btn_login
  {
      float: right;
      margin: 4px 4px 0 0;
      display: inline;
      width: 200px;
  }
  </code></pre>
  <p>And here's the html:</p>
  <pre><code>&lt;div id=&quot;navigation_wrap&quot;&gt;
              &lt;div class=&quot;navigation&quot;&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a class=&quot;active&quot; href=&quot;default.asp&quot;&gt;Home Page&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a class=&quot;&quot; href=&quot;faq.asp&quot;&gt;FAQ&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&quot;&quot; href=&quot;articles.asp&quot;&gt;Articles&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a class=&quot;&quot; href=&quot;products.asp&quot;&gt;Packages &amp;amp; Pricing&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a class=&quot;&quot; href=&quot;gp.asp?gpid=15&quot;&gt;test1&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a class=&quot; last&quot; href=&quot;gp.asp?gpid=17&quot;&gt;test asher&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
              &lt;div class=&quot;btn_login&quot;&gt;
                ...
              &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I hope anyone would have an idea.<br />
  Thanks,<br />
  Omer.</p>
  <p>EDIT:<br />
  Setting the width for both elements kinda helped but it's still not positioned correctly.
  See updated css above.</p>