<!-- ********************** Begin Pega content ********************** -->
		<script src='<my src>'></script>
		<script>
		pega.web.config.gatewayURL = <my gateway url>';
		pega.web.config.encrypt = false;
		</script>
		<div id='pegaEx1' 
		 style='overflow:auto; background-color:white' 
		 PegaGadget='PegaGadget'
		 PegaA='createNewWork'
		 PegaA_className='TGB-HRApps-Work-Onboarding'
		 PegaA_flowName='pyStartCase'
		 PegaA_model=''
		 PegaDefer='false'
		 PegaAppName='HRApps'
		 PegaThread='STANDARD'
		 PegaSystemID='paex35-use'
		 PegaResize='stretch'></div>
		<!-- ********************** End Pega content ********************** -->

What can I do so that my divs will resize. My end goal is to have this working inside of a JSF page in a <f:verbatim> tag but it won't work there or in my static html file that I am currently working with to try to solve this. I want the page to lengthen to adjust to the length of the pega mashup so that there is no vertical scrollbar and all the mashup is visible.

***UPDATE***

I'm starting to think that this is due to my pega parameters never even being accepted. My reason for this is that I have also tried to use data-pega-event-onload to run a function making a JS alert stating the page is loaded, but it won't work either. Maybe there is something here a missing include or something that is cause my pega parameters not to run? I'm going to attach screenshots of firefox and chrome JS console warnings.