Sometimes, you will encounter situations where you will have a parent container that contains all floated elements in it, which will make the height of it collapse to literally nothing. This can create problems with older browsers or some cross browser issues can occur as well. Collapsing almost always needs to be dealt with by clearing the float after the floated elements but before the close of the container.
There are a few ways to go about doing this. The first is adding an empty after the floated elements that is not styled at all, but just used as an invisible markup clear for the floats. The problem with this, is for purists it represents semantically styling the page. While they are right in the strictest sense and is more or less frowned upon, it still gets the job done and will not hurt anything. Another way is to set the Overflow property of the parent div to :hidden, which will expand the parent div past the floats and effectively clear them. H