background с 3-х частей - Вопросы по CSS

Хочу сделать фон div'a с помощью трех картинок. (Левая часть = правая часть = 19px ширина) а по центру вертикальная полоска шириной 1px(repeat-x). Прописал следующий код:

Проблемка: центральное изображение, которое повторяется, идет на всю ширину, тем самым убирая эффект присутствия левого и правого изображения. Т.к. боковые картинки с круглыми углами, а центральная, за счет повторения по x, стает на фон боковых изображений, тем самым "убирая" круглые углы. Как можно решить данную задачу?  Может, можно как то центральной картинке задать отступ по бокам 19px?

Сделайте три вложенных контейнера. Каждому по картинке.

Сделайте три вложенных контейнера. Каждому по картинке.

А как быть с шириной контейнера? Если она будет постоянно меняться... или так же само, центральному контейнеру задать отступ по бокам 19пх, что бы создать эффект одного единственного фона из 3-х частей?

Элементарно

Элементарно

Код

<style>
.left{bacground:url(left.png) no-repeat 0 0;padding:0 0 0 19px;}
.right{bacground:url(right.png) no-repeat 100% 0;padding:0 19px 0 0;}
.center{bacground:url(center.png) repeat-x;}
</style>

<div class="left">
    <div class="right">
        <div class="center"></div>
    </div>
</div>

Благодарю! Получилось! (поставил +)

У меня немного другая задача, так же есть 3 фона - левый, центральный, правый.
надо чтобы если на экране не умещаются все три, то левый и правый уступали место центральному. информация в центральном блоке, а левый и правый фон - для красоты, хотя и занимают много места.