Hello, I'm designing a layout where the header and also the banner (under it) use repeat-x to be repeated on the "x" axis. The problem occurs when I resize the window to 800x600 to see how it looks like on 800x600 desktop and then resize the window a little more - because I want a horizontal scrollbar to appear. Then when I scroll horizontally to right there is a gap on the right side of the header and the banner. I would like to repeat the header and the banner till to the window border, but it just stop repeating. Here is the demo of that site: http://www.erikgyepes.com/css/ + the screenshot when that problem occurs: http://www.erikgyepes.com/css/screenshot.png. I'm strugling with this for a long time and I really don't know what to do, if it is a real big issue or is it just a normal behaviour. I think it shouldn't look like this. All help will be appreciated. Thanks to all.
You can set min-width{800px;} in #wrapper but it is not supported by IE 6 (http://www.google.com/search?hl=fr&q=How+can+min-width+be+achieved+in+IE)