Posizionamento immagine

[lore83]

ciao.
Devo fare una barra di navigazione orizzonatale dal colore sfumato e coi bordi arrotondati, quindi ho optato per 3 immagini (1 rettangolare per la barra + 2 per i bordi arrotondati).
Come vanno scritte le regole per i css per il posizionamento all'interno di un div (le cui dimensioni sono esattamente quelle della barra)?

Io ho cominciato così per l'immagine rettangolare (si tratta di un'immagine di 10 px di larghezza e 55 px di altezza ripetuta quindi per tutto l'asse x):

    div#navigation_bar{
        position:relative;
        height:55px;
        background-image: url('***');
        background-repeat: repeat-x;
        margin:0;
        padding:0;
        } 

ora come piazzo le due immagini per i bordi?

Grazie e ciao.

[Gufo]

immagine 1 bordi {float:left; altre dichiarazioni}
barra {float:left; altre dichiarazioni}
immagine 2 bordi {clear:left; altre dichiarazioni}

[lore83]

grazie intanto.
ma nn mi è chiaro: uso 1 solo div e metto le dichiarazioni per tag <img> oppure sono background??

[Gufo]

Originariamente inviato da lore83
grazie intanto.
ma nn mi è chiaro: uso 1 solo div e metto le dichiarazioni per tag <img> oppure sono background??

3 div con background