title: How to make an element fixed with respect to the parent?
body: <p>I have a container div who's content is quite large.
  The container is set to position: relative.
  The content has another div which I would like for it to be fixed with respect to the container horizontally--it should still scroll vertically.</p>
  <p>When I set the div in question to:</p>
  <pre><code>position: absolute;
  left: mypreferredleftpx;
  </code></pre>
  <p>I got weird results.</p>
  <hr />
  <h2><a href="http://jsfiddle.net/Ey7vU/3/" rel="nofollow noreferrer">http://jsfiddle.net/Ey7vU/3/</a>:</h2>
  <p><code>PRETTY PICTURE</code> should scroll vertically, but not horizontally. It should remain fixed horiztontally with respect to the container.</p>