Fixing DIVs That Cause Content Truncation When Printing

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>Print Style Cutoff Overflow Issues</title>
	<style type="text/css">
 
		div#pagewidth {
			margin: 0px auto 0px auto ;
			overflow: hidden ;
			width: 500px ;
			}
 
		div#sitecontent {}
 
	</style>
</head>
<body>
 
	<!-- BEGIN: Page Width. -->
	<div id="pagewidth">
 
		<!-- BEGIN: Site Content. -->
		<div id="sitecontent">
 
			<!---
				Make some really long content so that when we
				go to print, we will definitely be requiring
				more than once page.
			--->
			<cfloop
				index="intPara"
				from="1"
				to="20"
				step="1">
 
				<p>
					Strings of lights above the bed Curtains
					drawn and a glass of red All I ever get for
					Christmas is blue Saxophone on the radio
					Recorded forty years ago All I ever get for
					Christmas is blue When you play my song,
					play it slowly Play it like I'm sad and
					lonely Maybe you can solve my mystery, Wrap
					me in your arms and whisper You miss me With
					a man sex is miserable, But the snow is so
					beautiful All I ever get for christmas is
					blue It would take a miracle To get me out
					to a shopping mall All I really want for
					Christmas is you Let them ring the bells
					They won't miss us I'll be drinking down
					your kisses Deep into the night we'll go
					stealing Underneath the starry ceiling
					Revealing White lights on the Christmas tree
					Thank God you are here with me All I ever
					get for Christmas is blue
				</p>
 
			</cfloop>
 
		</div>
		<!-- END: Site Content. -->
 
	</div>
	<!-- END: Page Width. -->
 
</body>
</html>

For Cut-and-Paste