1) When I can remove the height property on the footer, the background vanishes
2) If I incease the height, the gap for some reason closes. That sort of fixes it, but I need the height to change according to how many list items I have in there. I can’t even understand why changing the height on the *footer* affects the gap.
Thanks for the reply. Yes, I see now that the bottom-margin on the footer’s containing div was poking through the bottom. I fixed that. I then took out the height on the footer. But then the background image (a white to gray gradient) vanished.
I started poking around with the overflow property on the footer, and found that if I set it to hidden, the background-image showed up again. What was actually happening was the whole footer had collapsed and it’s contents was not holding it open, just falling through the bottom. Why would the overflow property affect that?
Its working now at least, but it would be nice to know what is going on.