barra padrão, mas de vários tamanhos

Estou fazendo um site em html e css.

O site possui uma barra verde (um retangulo) com títulos.

Essa barra varia de tamanho nas páginas internas do site. E possui um degrade em toda volta.

Cortei 3 imagens: lateral direita, meio e lateral esquerda.

Estou usando a imagem do meio como imagem de fundo (background).

Criei uma class titulo

.title {
 height: 85px;
 background-image: url(images/bg_green_title.jpg);
 background-repeat: repeat-x;
 }

Tem como eu definir as imagens laterais através do css?

Ou como usar mais de uma imagem como background?

Qual seria o modo mais fácil de se fazer isso?

Muito obrigada,

Nine