container to accomodate the floating divs

Generally the containers around float divs dont streach to accomodate them. To fix them we have the below workarounds. You to add an extra element with clear: both to the container. Once it was in place the container contained a non-floating element, which means it stretches itself up to accomodate it

-OR-

div.container {

border: 1px solid black;

overflow: hidden;

width: 100%;

}