Having troubles trying to get image repeat-y to go 100% of browser window height. This is the page background and I am trying to do it in the wrapper div. The image is 1000px wide by 5px high. I have tried a few different techniques with no success. When I have the page position left it repeats no problem but when I use margin: auto; to try and center the page it falls over and the background image appears once but does not repeat. My css is as follows: margin: 0px auto; width: 1024px; height: ??; background: url(img/bg.png) repeat-y; Is there a CSS to do this or am I better off going for LESS.js or jquery to try and fix this?