Fixed width div losing its background-color upon resizing the browser window.

Question

I am creating a blog based on the 960 grid system. It has three simple divs:

1. header 2. Content 3. Footer and each of them has a fixed width div which holds 2-3 columns of text. The content div, and the fixed width div inside it have the same background color, but when i reduce the size of the browser window, for some reason it ignores the content div's color and reveals the color of the html body.

here's an example of another website where it happens: http://encourageothers.com/ ... reduce the size of the browser to something less than 900 px or so, and scroll horizontally to the right ... u will see what I mean.

Please help me! ... This is driving me nuts!!

Answer 1

Found the solution! ... just set a max-width in pixels and also a width in 100% wherever u see this problem. Works for me.