stabilisci via css l' altezza minima dell' elemento (magari anche usando min-height, puoi approfondire nel forum css), nel caso javascript sia disabilitato o manchi proprio il supporto ad esso
poi:
- rileva in maniera crossbrowser l' altezza della viewport
- richiama la funzione che setta l' altezza dell' elemento solo quando sei certo che l' elemento sia gia' stato definito (per semplicita' e chiarezza: nel window.onload),
e, da questo momento in poi, setta anche al resize il richiamo della stessa funzione
codice:
function getViewportHeight(){
	return (
		(self.innerHeight)?self.innerHeight:
		((document.documentElement && document.documentElement.clientHeight)?
			document.documentElement.clientHeight:
			document.body.clientHeight
		)
	)
}
function resizeDiv(id,minHeight){
	var el=document.getElementById(id);
	var h=getViewportHeight();
	el.style.height=((h<minHeight)?minHeight:h)+'px';	
}

window.onload=function(){
	resizeDiv('right',300);
	window.onresize=function(){resizeDiv('right',300);}
}