Como alinhar 3 DIVs no centro, um depois do outro

[AzorMachine]

Bem pessoal, estou montando o layout do meu forum, me baseando em um que encontrei pela net.

So que há um problema, como podem ver nele : http://universomaker.comze.com/forum/ , logo la encima, há 3 DIVs, um para gerar a ponta esquerda da barra, outro para gerar o bg da barra, e outro para gerar a ponta direita da barra. Só que eu quero adiciona-las de um jeito que as imagens tenham os pesdaços não usado, transparentes, já que adicionarei um bg desenhado, e ele será fixo, ou seja, o bg fica estatico enquanto o resto da pagina se move.

alguém pode me ajudar?

Vou passar os codigos da index, e o codigo do style.css :

index :

<div id="headim-l"></div>
      <div id="headerim">
        <div id="nav">Código que gera o menu
      </div></div><div id="headim-r"></div>

style :

#headerim {
     position: relative;
     height: 52px; 
                 margin:0 auto;
                 width: 80%;
     overflow: hidden;
     background: url(./images/Untitled-1_07.png) 0 0 repeat-x;
}
#headim-r {
     position: relative;
                 width: 22px;
                 margin:0 auto;
     height: 52px; 
     overflow: hidden;
     background: url(./images/Untitled-1_09.png) 100% 0 no-repeat;
}
#headim-l {
     position: relative;
width: 22px;
margin:0 auto;
     height: 52px; 
     overflow: hidden;
     background: url(./images/Untitled-1_06.png) 0 0 no-repeat;
}

Abraços.

Editado Julho 29, 2009 por Jonathan Queiroz
Remover palavra dúvida" do título do tópico

[Jonathan Queiroz]

Onde está a dúvida ?

Em deixar o background estático, na div ?

[AzorMachine]

Não meu caro, como eu havia dito, eu usei aquelas divs para simular, o bg de um menu, a sua ponta esquerda, e a ponta direita.

Só que o resultado é esse:

E eu gostaria que as pontas, ficassem lado a lado, coladas no bg.

Entende agora?

Abraços.

[Jonathan Queiroz]

Nesse caso tente acrescentar esse código ao CSS dos elementos:

position:relative;
display:inline;

[AzorMachine]

Tentei fazer o que me disse, mas as imagens que uso de background das divs, sumiram.

Abraços.

[Jonathan Queiroz]

Nesse caso, ao invés do código anterior, tente assim:

position:relative;
margin-top:0px;
margin-left:0px;

[AzorMachine]

Mudaram de posição, mas ainda estão desarrumados.

[Jonathan Queiroz]

Opa !

Escrevi margin-left ao invés de margin-bottom.

Tente assim:

position:relative;
margin-top:0px;
margin-bottom:0px;

[AzorMachine]

Ainda assim nada =/

Continua uma encima da outra, porém, centralizadas.

Abraços.