Background Positioning

[redblue4356]

I have an image as a background which I want to be centered. I have provided
the code at the end of the message.
I actually want to make it like this macromedia site with a white background
in the center. But I can't get the full image in the browser window. First I
gave center in " background-position-y " but that made only the middle part of
the image visible with the rest of the image going out of the window. So I
later put 20px there. But now I cant get the lower portion of the image in the
browser. I just want the page to scroll so that the full image is visible as
background.

body {
background-color: #000000;
background-image: url(background.png);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: 20px;
background-attachment: scroll;
}

[mzanime.com]

We need to see a URL to better help you, but in the meantime you can give this
a shot:

body {
background-color: #000000;
background-image: url(background.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-attachment: fixed;
}

or, even shorter... ;-)

body {
background: #000 url(background.png) 50% 50% no-repeat fixed;
}

[redblue4356]

I haven't yet uploaded my pages so I can't provide a link. Actually I haven't
provided any images or text in the lower part. Is it because of that the full
image is not visible. If yes, how can I overcome that coz I won't always
provide stuff at the lower part.