contentL, contentC, globalNav and foot are nested within container and container is nested within body.
I'm trying to set the background-color of the container element to white so that even though the heights of contentL and contentC are different, there will still be a uniform white background.
For some reason it is not working. columnL is shorter than columnC (as expected). As a result, the image that I've assigned to the body tag appears at the bottom of columnL and goes to the bottom of the page. I would like it to be only white. This happens even though both columnL and columnC are nested withing container and container's background-color is set to white.
Here is (generally) my DIV and HTML tag structure in the page
</div> <!-- closes container tag -->
Any recommendations would be great. I'm trying to create a tabless design.