Nastínování webové stránky - IE7 problém

Dobrý den,
potřebuji si nastínovat okraje webové stránky - mám na mysli takový ten efekt aby to působilo plasticky. Řeším to řekl bych standardně přes CSS a to konkrétně tímto způsobem:

body {    background:#E5E5E5 url('img/back.gif') repeat-y top center;width:978px;margin:0 auto;     }

... jednoduše tedy opakuji malý vycentrovaný obrázek s vyrobeným stínem na levém i pravém okraji, po ose Y až na konec stránky. V IE6/8, Opeře, FF, Chrome a Safari s tím nemám problém až na IE7 (nebo také IE8 v módu kompatibility, což je vlastně právě zobrazování jako IE7), kde se setkávám s tímto:

ie7er.png

(nahoře výřez správně zobrazené stránky, dole nesprávně)

...zkrátka onen obrázek, který se opakuje odshora dolů je "ustřelený" celkem dost doprava a já nemám nejmenší zdání jak se toho zbavit (nebo si zatím sedím na vedení ).

Základní strukturu stránky jsem nahrál zde: index.php .. takže se můžete podívat a na CSS styl se dostanete zde: style.css ... výše uvedený kód s obrázkem je hned nahoře (a ještě tam mám jeden soubor se styly screen.css ).

Kdyby se někomu chtělo, byl bych vděčný za rady jak to pro IE7 ošetřit nebo jak to napsat jinak.

Děkuji