You need to clear your floats.
See this explanation of how
overflow: auto; clears your floats
That has the added benefit of show you how you've broken the box model, that's why the scroll bar shows up.
See the box model here
. The box model says that whatever you put inside an element cannot be larger than that element. margin/padding/border all count when figuring width/height.