Why does wrapping div not expand around floating elements?

I have two columns in a center column. (They are all div tags.) When I set the inner divs to float:left, the outer div does not wrap around the inner divs.

Why, and how do I fix that?