title: Floating elements within a div, floats outside of div. Why?
body: <p>Say you have a <code>div</code>, give it a definite <code>width</code> and put elements in it, in my case an <code>img</code> and another <code>div</code>. </p>
  
  <p>The idea is that the content of the container <code>div</code> will cause the container <code>div</code> to stretch out, and be a background for the content. But when I do this, the containing <code>div</code> shrinks to fit the non-floating objects, and the floating objects will be either all the way out, or half out, half in, and not have any bearing on the size of the big <code>div</code>.</p>
  
  <p>Why is this? Is there something I'm missing, and how can I get floated items to stretch out the <code>height</code> of a containing <code>div</code>?</p>