having small problem with background.

[robin9000]

the site I am working on is:
www.marie-joe.110mb.com

I am trying to get it so that my image repeats down the page but only repeats in the middle.

I am also trying to make it so that the background color is black.

I got the image to repeat. I got the image in the middle.
The problem is the image as repeated it's self going on the horizontal. I don't want it to do that. I want the black background to show in that area.

The css I got is:

html {height: 100%;}
body {
background:#000000;
background-image:url(../images/mainbg.png);
margin: 0 auto;
height: 100%;
border: none;
background-repeat: y-repeat;
background-position: center;
}

Anyone know what's going on?

[JasonDFR]

I think it is repeat-y, not y-repeat.

Also, you could write:


background: #000 url('/images/mainbg.png') center top repeat-y;

If you want.

[robin9000]

Thanks, I fell silly, very goofy mistake.

I decided to go with a dark green backgorund because the black was not fading right.