title: How to make an image static when scrolling
body: <p>So I have a border at the top of the page and I want it to stay in the same spot when I scroll down. I've tried putting <code>position: fixed</code> in many different spots and still can't make it work.  Also, I would like the other content to scroll behind this image if possible. This is my code:  </p>
  
  <pre><code>    &lt;div style='
        background-image: url(http://i111.photobucket.com/albums/n144/baby_painting/bowlace2.gif);
        background-repeat: repeat-x;'&gt;
           &lt;img src="http://i111.photobucket.com/albums/n144/baby_painting/bowlace2.gif"&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>it's for the page nikkidarlinggg.tumblr.com
  sorry If I'm not typing this correctly, I've never used this site before.</p>