title: Wrapping a parent div around floated elements
body: <p>I'm trying to get a div to wrap around a dynamic number of child elements and I'd like to do this without setting a value for the width of the parent.</p>
  
  <p>I've got the content wrapping by floating both the child and parent elements, my problem is when the child elements wrap onto the next line there's free space left over on the right side and I'd like the parent to wrap "tightly".</p>
  
  <p>I've set up a demo here: <a href="http://jsfiddle.net/UMgct/4/" rel="nofollow">http://jsfiddle.net/UMgct/4/</a></p>
  
  <p>#parent shows the current behaviour, I'd like it to behave like #parent2 and #parent3, but without explicitly setting the width. I can see why the behaviour for #parent is correct, I just can't see any way of getting the behaviour I would like.</p>
  
  <p>Any ideas would be greatly appreciated </p>