title: Absolutely positioned image div overflowing content to its left
body: <p>Here's the fiddle: <a href="http://jsfiddle.net/uyU5L/3/" rel="nofollow">http://jsfiddle.net/uyU5L/3/</a></p>
  
  <p>I have a container (original size is 940px) div that's contained inside the body.</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
  &lt;div class="container"&gt;
  
      &lt;div class="div-content"&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
   &lt;div class="image-content"&gt;
             &lt;img src=""/&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My problem is that I need that image div to be contained against the side of the window. Be positioned absolute right to the body. </p>
  
  <p>When you resize, you'll the see the image go over the content. I want the image to take that content div into consideration and push the text left, not go over it. Am I going about this the wrong way?</p>