Como multiplicar uma imagem no background

Olá pessoal,
estou trabalhando em um site utilizando o seguinte template:
http://www.pixelianer.com/demos/peek/

e gostaria ter o seguinte efeito

Ou seja na parte superior que está em branco no template original que corresponde onde esta localizado o PRODUTO no template modificado gostaria de colocar uma imagem com o efeito apresentado acima, andei lendo sobre e vi que é possível colocar uma imagem em um formato pequeno e ir multiplicando a mesma ate completar a tela de acordo com o monitor.
Utilizando o fire bug, verifiquei que esta parte que desejo alterar esta em #header dentro do bloco de notas BASE ou seja o caminho que percorri é templates\pix_peek\css abri o bloco de notas BASE e encontrei o #header e colei o seguinte codigo:

background: url(../images/strawberry/banner-inner2.png) repeat-x 0 100%;
porém não obtive resultado, com certeza fiz alguma coisa errada. Alguém poderia me ajudar?

RESUMO: Desejo fazer um desenho com uma bolha e multiplicar essa bolha de acordo com a resolução do monitor do visitante. ou seja multiplicando bolhas para direita e para baixo.

OBS.: Fiz esse exemplo de imagem através do corel.
Desde já agradeço e grande abraço

Caro amigo tenta assim
background: url("../images/strawberry/banner-inner2.png") repeat-x 0 100%; colocando aspas