Помощь в css стиле - как в процентах сделать repeat-x?

У меня вопрос примитивный, но запутался я аж жуть

Есть следующий стиль для "body":

 body

  {

    background:#EBEFF2 url(images/body_main.png) repeat-y scroll center top;

    font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;

    line-height:1.5;

    font-size:75%;

    color: #333333;

  }

Данный стиль делает следующее:

по центру идет белый фон (body_main.png - картинка, которая сделана опеределенного размера в длинну) и размножается вниз (repeat-y), а по бокам идет рамки цвета #EBEFF2. Получается центр белый, а сбоку голубенькая рамка. Все хорошо, только не хочу сделать центр растягивающимся (в %).

Если я добавлю в стиле (после repeat-y) repeat-x, то картинка размножиться на всю длину.

А вто как сделать так, чтобы она размножилась только, скажем, на 90% от общего размера экрана (то есть по центру идет белый кусок, который составляет 90% от общей резолюции экрана).

Заранее благодарен!