Arrière-plans multiples avec différentes tailles d’arrière-plan

J’essaie de créer un arrière-plan de page avec une superposition en utilisant le support d’arrière-plan multiple de css3 ;

html, body { background: url('https://github.com/jaysalvat/vegas/raw/master/overlays/01.png') repeat, url('http://soffr.miximages.com/css3/photo_unavailable.png') top left no-repeat; background-size: cover; }​ 

Je veux que l’image de fond de la photo “couvre” la page et que la superposition soit petite (3 * 3px) en répétant la page de trous.

L’exemple ci-dessus me donne http://jsfiddle.net/tpmD4/ (également la superposition couvrant la page).

Comment puis-je résoudre ce problème?

Lorsque j’essaie de spécifier la taille d’ arrière-plan pour les deux images ( background-size: 3px 3px, cover; ); alors l’arrière-plan de l’image ne couvre pas, mais la superposition fonctionne.

Voici:

 html, body { background-image: url(01.png), url(z.jpg); background-repeat: repeat, no-repeat; background-position: 0 0; background-size: 3px 3px, cover; } 

http://jsfiddle.net/tpmD4/6/