[CSS]Wyśrodkowane tło Opcje

[lobopol]

mam stronę o takim układzie:

[HTML] pobierz, plaintext 
<div id="top">
 <div id="inner_top"></div>
</div>
<div id="middle"></div>
<div id="footer"></div>
[HTML] pobierz, plaintext 

chciałbym umieścić w tle "top" obrazek aby zawsze był wyśrodkowany (ma 1200px szerokości), czyli chciałbym osiągnąć takie efekt, że gdy osoba będzie sobie zmniejszać stronę w poziomie to ten obrazek będzie się zwężał z 2 stron i pozostawał na środku. Czy jest to wykonalne?

Ps. Niestety jest to półprzezroczysty obrazek więc trik

[HTML] pobierz, plaintext 
#top_wrap{
background:url('../img/bg_center.png') center 0 no-repeat;
}
 
#top{
background:url('../img/bg_center.png') -110px 0 no-repeat;
height:250px;
width:980px;
margin:auto;
}
[HTML] pobierz, plaintext 

Nie zadziała