I have various parent containers with 100% width and they have background images which stretch across the width of the screen. So far no problem.
If I now reduce the browser window size so I get the horizontal scroll bar something weird happens. At first glance it is correct because the 100% width has filled the visible area of the screen but when I move the horizontal bar so I can see the excess content the backgrounds all stop at the initial (visible) screen area and do not fill the overflow.
The two exceptions I've found to combat this is the body and a table which both honor the 100% width and fill the entire screen (visible and excess). But divs, forms etc only do 100% of the initial visible screen area and won't go past that.
I'm hoping that makes sense and does anyone know a workaround?
I can't use the body as it is already being used and there is no way on earth I'm wrapping my code in a table to make it work :)