Question

I’m curently workign on this page and I’m trying to make the background repeat-y from a certain height but to no avail. If you look at the link’s background (bottom area); you’ll see that it leaves a an ugly space there, which is ugly. The CSS is as show below

body {
    font-family:Calibri;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    background-color: #000;
    background-image: url(images/bg.png);
    background-repeat: repeat -200px 0px;
}

Answer 1

After some mathematical thinking and experiments, the line of code below did the magic. I had to also watch where to cut it off with -1530px. Make sure you use the same background you used with the body tag.

html {

    background: url(images/bg.png) repeat 0px -1530px;

}