Background Display Issue in Browser Window Options

[mario]

Hey there, I've been working on a website My Webpage . It was going fine till i realized that if i make thew browser window smaller and scroll to the right a white band is appearing over the background image. I've tried adding:

CODE

html,body{ width: 100%;    height: 100%;    margin: 0px;    padding: 0px;    overflow-x: hidden; }

the result was not successful .
also tried adding,

CODE

<meta name = "viewport" content = "width = 1000">

in the mark up, didn't really fix anything. i'm not sure what i'm doing wrong.
please help guys !
ur assistance will greatly be appreciated.
cheers !!

[mario]

Alright guys, the solution was quite silly as I had anticipated. I looked up min-width and max-width in css and applied it.

CODE

#header {
    height: 500px;
    min-width: 960px;
    max-width: 3000px;
    background-image:url(/blueBg.png);
    background-repeat: repeat;
}

}
#footer {
    height: 300px;
    min-width: 960px;
    max-width: 3000px;
    background-image:url(/darkBg.png);
    background-repeat: repeat;
}

On incorporating this min/max-width css rule i was able to overcome the issue that the browser viewport was creating.
thanks for all the support u guys...
I hope this can be of help to some other troubled mind facing the same issue.