title: How can I make this image float right with absolute?
body: <p>I have the following structure: </p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="outside"&gt;
  &lt;img src="http://cox-applicators.com/images/brochures/vertical-ad-07-
  singles.jpg" class="imgs"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code> .outside {
        position:absolute;
   }
   .imgs {
        float: right;
        margin-right: 30px;
   }
   .container {
       width: 960px;
   }
  </code></pre>
  
  <p>I have to use absolute because of another div that contains content.  </p>
  
  <p><strong>Question:</strong>  How can I make the image float right with using margin-left while still having absolute on the containing div? </p>
  
  <p>Here's the fiddle:</p>
  
  <p><a href="http://jsfiddle.net/erjQH/" rel="nofollow">http://jsfiddle.net/erjQH/</a></p>