I have this design I just put together, and being my first CSS based design, I am not sure why this is happening.

I have some general knowledge of some tags that can be used to style a page by CSS.

Here is the example picture: ImageShack® - Online Photo and Video Hosting

I have the header, navbar, left column, right column, content, and footer (in that order). The left column is floated left, then the right is floated right. I have no float on the middle content. Each are padded to have "padding: 10px;" but the middle does not pad on the left or right.

Any ideas?