Сдвиг бекграунда в ИЕ если окно уже самого рисунка

[alpes]

Всем доброго времени!
Создаю наложение рисунков друг на друга (по центру), дизайн как своеобразный гамбургер получается:

<center>
<div style="background-image: url(border.gif); background-position: center; background-repeat: repeat-y;">
<div style="background-image: url(ribbon.gif); background-position: center top; background-repeat: no-repeat;">
...
</div>
</div>
</center>

Так вот, в инетэксплоере если рисунок в бекграунде больше окна браузера, то он в зависимости от ширины окна уходит влево на 1 пиксель. Причем именно в зависимости от ширины окна, можно потаскать за край браузера изменяя его ширину и видно что оно то нормально (совпадает) то сдвигается влево на пиксель.

Собственно посоветуйте как решить проблему с этим геморойным ИЕ ?

Как вариант можно было бы использовать только прозрачные гиф картинки одинаковой ширины, тогда бы если и сдвигались то сдвигались все вместе и не было бы ступеньки. Но так плохо, т.к. один слой нужен в jpg, т.к. в gif он в несколько раз будет тяжелее. Поэтому этот вариант тоже не решение.
Ктото сталкивался с такой проблемой и как ее можно победить?

[Constantine]

Я уже и не помню что такое тэг <center>, избавься от него и поколдуй нормально с CSS

[KidsKilla]

<div style="background: url(border.gif) 50% repeat-y;">
<div style="background: url(ribbon.gif) 50% 0 no-repeat;">
...
</div>
</div>