title: jQuery - offset().left delivers wrong values for floated elements
body: <p>I have floated elements inside a nav tag. When I use the offset() function I get strange floating values for the positions, that are not correct. What is wrong here?</p>
  
  <p><a href="http://jsfiddle.net/vo1b3e86/2/" rel="nofollow">js fiddle</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="navi"&gt;
          &lt;a class="logo" &gt;NAVI&lt;/a&gt;
          &lt;nav&gt;
              &lt;a&gt;Element A&lt;/a&gt;
              &lt;a&gt;Element B&lt;/a&gt;
              &lt;a&gt;Element C&lt;/a&gt;
          &lt;/nav&gt; 
  
      &lt;/div&gt;
  
     &lt;br&gt;&lt;br&gt;
     &lt;input type="text" /&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#navi {
  height: 60px;
  width: 100%;
    position: relative;
    clear: both;
  background: lightgrey;
  }
  
   .logo {
    float: left;
    margin-left: 0;
  }
  
  nav {
    position: relative;
    float: right;
  }
  a{
    margin-left: 30px;
  }
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$('a').eq(1).offset().left
  </code></pre>