I have some issue with css background. Please check the following scenario:
Take www.sitepoint.com website. Check the full width background on the footer (the black one with copyright info). Now reduce the browser size so that horizontal scroll appears (any browser, though I checked in firefox). Scroll horizontally. Notice that the footer is cut and not extending to full width. This problem is also there in the header portion of http://designfestival.com/ website. Repeat the above process and note that the black background on header get cut. Is there any solution for this?
I believe this situation happens when we use full width background on a fixed width, centered layout.
Note: Since I have the same issue with my websites, and cannot give the url right now, I have used the sitepoint website address. Kindly help.