Question

I notice that the background image here (on the “cont” element)
doesn’t appear as it does on my home page here.
I see it has something to do with the height, as when I add a height it works, except it also messes up the footer somehow…
How can I make the background work on the page just as it works on the home page?

Thank you.

Answer 1

Add overflow: hidden; to your .cont element. The issue is that since your elements inside it are floated, it won’t resize to fit their height.

Generically, this can be fixed by many methods, not just overflow: hidden;. Google for clearfix to find resources.