Eu quero definir umbackground-image mas com uma distância específica entre as repetições.

Por exemplo, eu tenho essa imagem para me tornar umbackground-image:

E eu quero consertar as repetições em um padrão como este:

Verifica aPlayground JSFiddle

Estou procurando uma solução limpa CSS3, não JS, não elementos extras e assim por diante. Se eu tiver que usar truques CSS3 (não suportados) muito modernos, tudo bem.