title: Twitter Bootstrap navbar-fixed-top repositioning on page
body: <p>I've gotten Bootstrap running on my site successfully but I'm trying to use the navbar-top-fixed functionality and whenever the page loads it pushes everything down about 20 pixels and I can't seem to diagnose why.</p>
  
  <p>My code for the nav-bar is this:</p>
  
  <pre><code>    &lt;div class="navbar navbar-fixed-top"&gt;
          &lt;div class="navbar-inner"&gt;
              &lt;div class="container protected"&gt;
                  &lt;ul class="nav pull-right nav-pills"&gt;
                      &lt;li&gt;&lt;a href="/account/login" id="customer_login_link"&gt;Login&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="/cart"&gt;&lt;i class="icon-shopping-cart icon-white"&gt;&lt;/i&gt; View cart &lt;span class="badge badge-warning"&gt;2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And the page at <a href="http://www.athousandprints.com" rel="nofollow">this link</a> will load the page properly, and then when it loads the page it pushes it down like <a href="http://cl.ly/2v1b1M2Q1E1s0k2j183k" rel="nofollow">this screenshot</a>.</p>
  
  <p>Has anyone seen this before or know any quick fixes? I am customizing one of the nav-bars on the page using lessCSS.</p>