function setWidthOfThings()
{
	// 'next' arrow
	left = $('background').getWidth() - $('browse-next').getWidth() + 13 + 'px';
	$('browse-next').setStyle({ left: left });
	
	// and here's another donkey..
	$('main-navigation').setStyle({ width: $('container').getWidth() - 20 + 'px' });
	
	
	// relative elements can't be positioned on the right side of a parent..
	left = $('background').getWidth() - $('content').getWidth() -1;
	$('content').setStyle({ left: left + 'px' });
	
	
	if(window.IE7){
     $$('.navline')[0].setStyle({ width: $('container').getWidth() - 20 + 'px' } );
    //  $('content-box').setStyle({ height: $('content-box').getHeight() - (-80) + 'px' });
     // $('content-box').setStyle({ height: $('content-box').getHeight() + 80 + 'px' });
  }
	
}


document.observe("dom:loaded", function() {

    window.IE7 = (Prototype.Browser.IE && parseInt(navigator.userAgent.substring(navigator.userAgent.indexOf("MSIE")+5)) == 7);

     setWidthOfThings();
     Event.observe(window, "resize", setWidthOfThings);

});