Event.observe( window, 'load', positionkid );
Event.observe( window, 'scroll', positionkid );
Event.observe( window, 'resize', positionkid );

// position the kid
function positionkid() {
	
	// get the scroll values
	var scrolls = document.viewport.getScrollOffsets();
	
	// kidTop - kid's absolute position from top of page
	var kidTop = document.viewport.getHeight() - $('kid').getHeight() + scrolls.top;
	
	// is kid over the menu?
	if( kidTop < menuBottom ) {
		// adjust accordingly
		$('kid').style.top = menuBottom+'px';
	} else {
		// position
		$('kid').style.top = kidTop+'px';
	}

}