Quiero establecer unbackground-image Pero con una distancia específica entre las repeticiones.

Por ejemplo, tengo esta imagen para convertirme en unbackground-image:

Y quiero arreglar las repeticiones en un patrón como este:

Comprobar elJSFiddle parque infantil

Estoy buscando una solución limpia CSS3, no JS, no elementos adicionales, etc. Si tengo que usar trucos CSS3 (no compatibles) muy modernos está bien.