title: parent container encompassing the child elements
body: <p>Im not sure why my float isn't clearing so that a child container will stay inside the parent container.</p>
  
  <p>Have a look at <a href="http://jsfiddle.net/kMGQC/" rel="noreferrer">this jsfiddle</a> to see what i mean. I want the <code>.shadow-wrapper</code> div to encompass all the other elements that follow it. How can I get the parent container to encompass the child elements?</p>