Background Margin-top effect with CSS

Question

I would like to achieve a lovely margin-top effect for my background, where am I going wrong with this code?

body {
    background-image: url("index images/background.png");
    background-repeat: no-repeat;
    background-position: center, 90%;
    background-size: 100%;
}

Here's a sample of what I would like to have http://mailchimp.com/pricing/

Much help appreciated.

Thanks!

Answer 1

background-position: center 50px;

you can change value as needed like 10px 100px