Odsazení Bg image od topu

Zdravím
Mám prosbu, jak bych mohl docílit odsazení Bg image od horního okraje a stejně tak i od spodního?
Problém je v tom,že nemohu použít klasický bg color, protože vrstvy které na to pak aplikuji mají po bocích png barevný přechod, takže jsou průhledné a pozadí by nemělo být na krjích vidět (proto to odsazení)

Zkusil jsem background-position: center, což mi ho vycentrovalo do středu a v editoru se vše zobrazilo dobře, ale v prohlížeči nikoliv, netuším absolutně proč?

A na to odsazení padding, ale ten zde asi použít nelze..

Tuší někdo prosím,jak by se to dalo vyřešit?

Přikládám kód:

CSS:

body {
background-image:url(images/bg.png);
background-repeat:repeat-x;
}
h1 {
font-family:Arial, Helvetica, sans-serif;
color:#3399cc;
font-size:24px;
line-height: 80pt;
text-indent: 20px;
}
/*div v kterem je vsazen veskery obsah*/
#everything {
width:965px;
height:auto;
text-align:left;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-image:url(/images/all_bg.png);
background-repeat:repeat-y;
background-position: center;
}
#header {
width:auto;
height:auto;
text-align:center;
visibility:visible;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
z-index: 2;
}