Estoy usando este script que encontré en línea para tener una imagen de fondo al azar cada vez que se actualiza el navegador.

CSS

body{ 
background: no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

JS

$(document).ready(function(){
var images=['images/001.jpg',
            'images/002.jpg',
            'images/003.jpg',
            'images/004.jpg',
            'images/005.jpg',];

var randomNumber = Math.floor(Math.random() * images.length);
var bgImg = 'url(' + images[randomNumber] + ')';

$('body').css({'background':bgImg, 'background-size':'cover', });

});

Funciona bien en pantallas más grandes que 1150px, pero nada menos que eso, las imágenes comienzan a acumularse una encima de otra. ¿Cómo puedo conseguir que esto se extienda sin importar el tamaño de la pantalla? No me importa si la imagen se recorta en pantallas pequeñas mientras llene el lote.

Gracias