CSS y Slideshow

[exodus]

Buenas! Tengo ya un dolor de cabeza impresionante, tras búsquedas y búsquedas tanto por google como por aquí. No he encontrado ningún problema parecido. Aquí va la explicación:
He desarrollado un slideshow de imágenes para mi web en javascript que hace que cada 10 segundos cambie el fondo de un DIV.

El problema viene cuando estas navegando por la web y te encuentras abajo del todo de la pagina. Al cambiar el fondo está automáticamente te salta hacia la parte superior de la misma. Y así cada vez que cambia de imagen como si recargara la página.

¿Alguien sabe a que pude deberse?

Este es el código javascript:

Código:

var $j = jQuery.noConflict();
	var bgArr = ["sys/img/bg1.jpg", "sys/img/bg2.jpg", "sys/img/bg3.jpg", "sys/img/bg4.jpg", "sys/img/bg5.jpg", "sys/img/bg6.jpg", "sys/img/bg7.jpg", "sys/img/bg8.jpg", "sys/img/bg9.jpg"]; //and so on...
	var currentBg = 0;
	function backgroundSlide() {  
		$j("#photowall").fadeOut("slow",function() { 
        $j("#photowall").css("background-image", "url("+bgArr[currentBg++]+")");
        if (currentBg == bgArr.length) currentBg = 0;  
		$j("#photowall").fadeIn("slow");
		});
	};
setInterval(backgroundSlide, 10000);
backgroundSlide(0)
</script>

Estas las CSS de el DIV descrito:

Código HTML:

<style>
#photowall {
	clear: both;
	position: relative;
	display: block;
	background-image: url(../img/bg.jpg);
	height: 400px;
	margin: 0px;
	z-index: 0;
}
</style> 

Gracias de antemano.

[SPAWN3000]

Asi por encima, pensaria que objeto que estas cambiando tienes mas propiedades que se cargan al abrir la pagina y no se estan heredando al reemplazarla.

Digamos:
- Se carga el CSS al abrir la pagina, y el objeto adquiere las propiedades 1,2 y 3.
- Pero al cambiarlo solo adquiere 1 y 2.

Analizalo con Chrome, o el addons para firefox "WebDeveloper", CSS/Ver informacion de los estilos a compara en que han cambiado sus propiedades.

[renaco]

Hola,

Esta bien tu ejemplo, solo tienes que cambiar el estilo por este

<style>
body {margin:0;}
#photowall {
clear: both;
position: fixed;
display: block;
background: top center url(../img/bg.jpg);
height: 100%;
width:100%;
margin: 0px;
z-index: 0;
top:0;
left:0;
}
</style>

y el contenido lo manejas con position:relative;

Saludos

[ivimendoza]

Añade:

position: fixed;
display: block;
background: top center url(../img/bg.jpg);
height: 100%;
width:100%;