Si tratta di un problema molto comune, ma terribilmente rognoso!
Quando si usano i float element, all'interno di un altro elemento che non ha contenuti, la dimensione di quest'ultimo elemento si riduce, non allineandosi ai contenuti degli elementi float.

L'esempio è spiegato molto chiaramente in questo sito:
http://www.tipclique.com/tutorial/css/how-to-clear-floats/

La soluzione sta nell'impostare la proprietà overflow:auto all'elemento contenitore: