html - Trying to stretch a background downwards, but a white space remains -

i busy placing html site wordpress template. working out far i'm stuck @ background. @ large pages background stops , shows big white space.

the background consists stripes, has gradient fade dark (up) light (down).

i trying stretch background down bottom of screen. works pages smaller screen, larger pages need scroll down, background stops , shows big white space.

i in need of here - i've tried lot of solutions solved problems large pages, problem exists @ smaller pages. hope there solution stretch background way down, on every page.

current code (works on small pages, problems on large pages)

html {     background: url(images/lines-bg.png);     background-repeat: repeat-x; } 

but when add html css, problem occurs @ small pages..

    background-size: auto 100%; 

i want background scrollable, not fixed.

many, many thanks!

there 2 things can try if don't have support super old browsers:

you can use background-attachment: fixed; property fixes initial way background loaded page when scrolling.

or can use background-size:cover; property stretches background cover size of content area dynamically. isn't best solution though image quality can become issue , inconsistent background arise different page lengths.