The problem occurs at the bottom. Obviously the text is meant to be next to each other (right and left divs in css). However, if I add float:left to both elements to line them up, the container div for them (footer) collapses and I lose the background color. Why is this happening? If I add a height to the div it will keep its shape when I float the elements, but the text is going to be dynamic so I don't want a set height.
Basically, when the elements are floated the div sees no content in it and goes to height=0. How can I fix this?