title: How to position a div to the bottom of the container, without using absolute positioning?
body: <p>I have a really difficult CSS problem. I have the following layout (this is just a fast mockup in Paint):</p>
  
  <p><img src="https://i.stack.imgur.com/L9b2M.png" alt="http://i.imgur.com/SwxCYbJ.png"></p>
  
  <p>I need to float the red box to the bottom of it's container. Normally I would use <code>position: absolute; bottom: 0;</code> but that results in the text overlapping with the div, which I don't want. I want the box to behave like in the second image (same situation, but with more text)</p>
  
  <p>Is this even possible? I don't mind dumping support for very old browsers.</p>