imagens lado a lado background CSS

[rxhxtx]

Boa tarde amigos,

 

estou batendo a cabeça em uma questão de css, que não é nem de longe o meu forte...

 

quero colocar umas bandeirinhas de backgroudo de uma div, porem não consigo faze-las ficarem lado a lado...

 

    background: url("be.png") no-repeat ,	
                url("us.png") no-repeat, 
                url("au.png") no-repeat, 
                url("br.png") no-repeat, 
                url("ca.png") no-repeat, 
                url("de.png") no-repeat, 

consigo repetir, mas quando é para colocar lado a lado ão funciona,

 

o que devo substituir o no-repeat ali?

 

 

muito obrigado!

[Leonardo Persan]

Você precisa colocar é a posição:

background: url("be.png") no-repeat 0px 0px,
            url("us.png") no-repeat 10px 0px,
            url("au.png") no-repeat 20px 0px,
            url("br.png") no-repeat 30px 0px,
            url("ca.png") no-repeat 40px 0px,
            url("de.png") no-repeat 50px 0px;

por exemplo