När jag flyttar ett lager så laddas bilder om

Jag har ett lager som flyter längst ned i kanten på sidan. Det får inte komma för högt upp så jag håller det kvar på rätt plats mha javascript.

Sidan finns på
http://henell.com/scratch2

HTML

<div id="bottom_bg"></div>

CSS

#bottom_bg
{
	position: absolute;
	bottom: 0px;
	height: 311px;
	width: 100%;
	background-image: url('../img/bottom_bg.gif');
}

Javascript

function getWindowHeight() {
	var windowHeight=0;
	if (typeof(window.innerHeight)=='number') {
		windowHeight=window.innerHeight;
	}
	else {
		if (document.documentElement&&
		document.documentElement.clientHeight) {
			windowHeight=
			document.documentElement.clientHeight;
		}
		else {
			if (document.body&&document.body.clientHeight) {
				windowHeight=document.body.clientHeight;
			}
		}
	}
	return windowHeight;
}

function place_bottom_bg()
{
	if (document.getElementById) {
		var windowHeight = getWindowHeight();
		if (windowHeight > 0) {
			var footerElement = document.getElementById('bottom_bg');
			var footerHeight  = footerElement.offsetHeight;
			footerElement.style.bottom = windowHeight < 600 ? (windowHeight - 600) + 'px' : 0 + 'px';
		}
	}
}

	window.onload = function() {
		place_bottom_bg();
	}
	window.onresize = function() {
		place_bottom_bg();
	}

Det som är lite irriterande att bakgrundsbilden i lagret laddas om när fönstret ändrar storlek.