title: Absolutely positioned logo in header scrolls with page
body: <p>I have an absolutely positioned logo in the header bar of my page, that keeps moving down the page when scrolled.</p>
  
  <p>I <em>do not</em> want this behavior, I want the logo to stick to the top of the page and not cover other elements when a visitor is scrolling down the page. </p>
  
  <p>Here is the page in question.</p>
  
  <p>www.giracci.com</p>
  
  <p>and the header logo code. </p>
  
  <pre><code>logoWrapper {
      float: left;
      height: 0;
      position: absolute;
      top: 0;
      width: 150px;
      z-index: 30;
  }
  </code></pre>
  
  <p>If you view the page, you'll see that it doesn't stay put, it scrolls with the page.</p>