If all child elements are floating, the parent element will "collapse". To make the parent element aware of the height of all children, add zoom: 1 to the parent element (for IE) and use the :after pseudo-class to add an additional clearing item. This is not the only way to achieve this, but is (arguably) the "best".

There should be a green border surrounding the entire list.