I have a header with a grey background that needs to fit full width across the page and then a background on the body which will grow/shrink with the content. My question is, how do a make the header div 100% without it producing a horizontal scrollbar? I know you can hide scroll bars but just hiding the horizontal scroll doesn't work in all browsers, I need something that will work in ie8, ff, ie7, google and ie6 if poss. I don't mind doing a few hacks along the way but would rather it was clean.
Really need your help as I can't present this design until I am confident that I can build it.