Позиционирование нескольких фоновых изображений

У меня есть три фоновых изображения, все шириной 643 пикселя. Я хочу, чтобы они были расположены вот так:

• верхнее изображение(высота 12 пикселей )нет -повтор

• среднее изображениеповтор -y

• нижнее изображение(высота 12 пикселей )нет повтора

Кажется, я не могу сделать это, не заставляя их перекрываться (что является проблемой, потому что изображения частично прозрачны ), возможно ли что-то подобное?

background-image:    url(top.png),
                     url(bottom.png),
                     url(middle.png);

background-repeat:   no-repeat,
                     no-repeat,
                     repeat-y;

background-position: left 0 top -12px,
                     left 0 bottom -12px,
                     left 0 top 0;