title: Position div at bottom of parent but next to floated sibling
body: <p>Given the following markup, I'd like to get the buttons to the right of the image, and below the text, but <strong>stuck to the bottom of the parent</strong>.  Typically, this would be accomplished per <a href="https://stackoverflow.com/questions/5106181/how-to-make-div-stick-to-the-bottom-of-parent-div">this answer</a>, but in this case since there is a float, the content ends up on top of the image.  Also, absolute positioning seems like it will be a problem since I may eventually end up overlapping the text content as well.  For purposes of this question, please assume that <em>the width of the image is unknown</em>, so adding a left margin or padding is not really an option as far as I can see.</p>
  
  <p>I think I will probably have to restructure this or move away from floating the image, but I'd rather not.  Is there a simple solution that I've overlooked that can make this work without drastically changing the layout?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.wrapper {
    position: relative;
    overflow: auto;
  }
  
  .image {
    float: left;
    width: 30%;
  }
  
  .image img {
    max-width: 100%;
  }
  
  .stick-to-bottom {
    position: absolute;
    bottom: 0;
  }
  
  button {
    padding: 10px 25px;
    font-size: 16px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="wrapper"&gt;
    &lt;div class="image"&gt;
      &lt;img src="http://www.calgaryherald.com/cms/binary/10035261.jpg" /&gt;
    &lt;/div&gt;
    &lt;div class="stick-to-top"&gt;
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
    &lt;/div&gt;
    &lt;div class="stick-to-bottom"&gt;
      &lt;div&gt;Click buttons below, but only if you are cool.&lt;/div&gt;
      &lt;button&gt;Button 1&lt;/button&gt;
      &lt;button&gt;Button 2&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>