title: jQuery div animated with scrollTop() pushes content down
body: <p>I have a div with an image and a link - it pops out on the side of the users screen, and when they scroll down it follows them down, and up again, using scrollTop(). However, on lower resolutions, where the image is overlapping the content, it pushes the content downwards. I would like it to hover over the text. </p>
  
  <pre><code>$(window).scroll(function() {
      $('#imgHolder').stop().animate({
          "marginTop": ($(window).scrollTop() + 70) + "px"
      }, "slow" );
  });
  </code></pre>
  
  <p><a href="http://www.solarkit2go.com" rel="nofollow">http://www.solarkit2go.com</a> to see it in action</p>
  
  <p>my questions being, why is it unable to hover over the text? I have set the z index for the div. also, any suggestions on fixing this would be appreciated.</p>