[RESOLVIDO] Como colocar a imagem nas duas extremidades top

Olá pessoal!
Mais uma vez preciso da ajuda de vocês.

Seguinte, estou trabalhando em um layout, e como conheço pouco de CSS, estou tendo dificuldade para colocar uma imagem nas extremidade superior do site.

projeto: http://www.cemvs.org/jla2/

Veja o código CSS padrão que deixa a imagem "bg.gif" no lado esquerdo superior do template:
#body_bg{
margin-top: 0px;
margin-bottom: 0px;
background-image: url(../images/bg.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-color: #dadada;
}

Então, na parte superior esquerda, existe uma imagem: nuvem com uma "barra amarela".
Quero colocar esta mesma imagem do lado direito, só que não estou conseguindo.

Está descartado a possibilidade do comando "repeat-x", pois a imagem fica com "sinal de divisão" no lado direito.

Tentei repetir o mesmo código acima, com uma mesma imagem porém com o nome diferente: "bg1.gif". Mas não deu certo.

Alguém poderia me dar uma dica para solucionar esse problema?

Desde já muito obrigado.

Atenciosamente.

Otávio Guerd

guerd;

Qual o tamanho dessa imagem?

Abç e sucesso

Olá JCB! Hero,

Obrigado por entrar em contato.

Seguinte, o tamanho da imagem é 200 x 281.

Ola! amigo se vc ainda quer fazer, o proposto crie a imagem do topo incuindo a largura de teu site que é 973 fixo deixe em branco o espaço e ja coloque a imagem que quiser nas laterais depois coloque-a como fundo centralizada e alinhada ao topo sem repeat.

medero escreveu: Ola! amigo se vc ainda quer fazer, o proposto crie a imagem do topo incuindo a largura de teu site que é 973 fixo deixe em branco o espaço e ja coloque a imagem que quiser nas laterais depois coloque-a como fundo centralizada e alinhada ao topo sem repeat.

Olá Medero... obrigado pela dica!
Mas para não complicar, deixei o "repeat-x" mesmo...

Mas valeu pela dica, na qual poderei aplicar em momento oportuno.

Até +