title: Text Wrapping around an absolute positioned div
body: <p>I know there are a few questions about similar topics but they mostly amount to floating the div/image. I need to have the image (and div) positioned absolutely (off to the right) but I simply want the text flow around it. It works if I float the div but then I can't position it where I want. As it is the text just flows behind the picture.</p>
  
  <pre><code>    &lt;div class="post"&gt;
              &lt;div class="picture"&gt;
    &lt;a href="/user/1" title="View user profile."&gt;&lt;img src="http://www.neatktp.com/sites/default/files/photos/BlankPortrait.jpg" alt="neatktp&amp;#039;s picture" title="neatktp&amp;#039;s picture"  /&gt;&lt;/a&gt;&lt;/div&gt;
        &lt;span class='print-link'&gt;&lt;/span&gt;&lt;p&gt;BlahBlahBlahBlahBlahBlahBlahBlahBlahBlahBlahBlahBlahBlahBlah.&lt;/p&gt;
  &lt;p&gt;BlahBlahBlahBlahBlahBlahBlahBlahBlahBlahBlahBlahBlahBlahBlah.&lt;/p&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Is an example of the HTML</p>
  
  <p>With the CSS being:</p>
  
  <pre><code>    .picture img {
          background: #fff;
          border: 1px #ddd solid;
          padding: 2px;
          float: right;
  }
  
  .post .picture {
      display: block;
      height: auto;
      position: absolute;
      right: -10px;
      top: -10px;
      width: auto;
  }
  
  .post {
      border: 1px solid #FFF;
      border-bottom: 1px solid #e8ebec;
      padding: 37px 22px 11px;
      position: relative;
      z-index: 4;
  }
  </code></pre>
  
  <p>It's a Drupal theme so none of this code is mine, it's just that it's not fully working when it comes to putting a picture there.</p>