Несколько фонов с размером фона

Я пытаюсь создать фон страницы с наложением с помощью css3 поддержка нескольких фонарей;

html, body {
  background: url('https://github.com/jaysalvat/vegas/raw/master/overlays/01.png') repeat,
              url('http://farm8.staticflickr.com/7260/7502004958_595bf03fbf_z.jpg') top left no-repeat;
  background-size: cover;
}

Я хочу, чтобы фоновое изображение фотографии "закрыло" страницу, а наложение было маленьким (3 * 3 пикселя), повторяющимся на странице отверстия.

В приведенном выше примере дается http://jsfiddle.net/tpmD4/ (также наложение, охватывающее страницу).

Как я могу это исправить?

Когда я пытаюсь указать background-size для обоих изображений (background-size: 3px 3px, cover;); то фон изображения не распространяется, но наложение работает.

Ответ 1