Imagenes aleatorias dentro de un div

[branquias]

Hola, soy nueva por aquí, y tengo un problema espero alguine me pueda ayudar.

Tengo este codigo:

<script language="JavaScript">
<!--
var fondo = new Array();


fondo[0] = 'images/IMG_gris.jpg';
fondo[1] = 'images/IMG_rosa.jpg';
fondo[2] = 'images/IMG_verd.jpg';
fondo[3] = 'images/IMG_blau.jpg';
fondo[4] = 'images/IMG_taronja.jpg';



var ele = Math.round(Math.random()*4);

document.write( '<style type="text/css">' );
document.write('body{');
document.write('background-image: url("'+fondo[ele]+'");');
document.write('}');
document.write('</style>');
// -->
</script>

Y funciona bien, me sale un fondo aleatorio cada vez que cargo la página, pero la pregunta es, se puede hacer para que este fondo aparezca en un div? No en todo el body?

Muchas gracias a todos