CSS parsing problem

Hi everyone. I’m sure this is what we used to call a ID-10T error, but what I am trying to do is create a theme that has a white border around the entire thing, a header area across the top, and a sidebar and content area below that. What is happening is that the text starts inside the white border, but then breaks out of it and continues down the page instead of staying contained within the border. My code works fine as static HTML but not in WP.

Here is the simple code that I wrote into index.php to test this:

<div id="container">
	<div id="testheader">
this is the header this is the header this is the header this is the header this is the header this is the header this is the header this is the header this is the header this is the header this is the header this is the header this is the header this is the header this is the header this is the header
	</div>

	<div id="wrapper">
		<div id="content">this is the the content area this is the the content area this is the the content area this is the the content area this is the the content area this is the the content area this is the the content area this is the the content area this is the the content area this is the the content area this is the the content area this is the the content area this is the the content area this is the the content area </div>
		<div id="sidebar">this is the sidebar this is the sidebar this is the sidebar this is the sidebar this is the sidebar this is the sidebar this is the sidebar this is the sidebar this is the sidebar </div>
	</div>

</div>

Here is the stylesheet info:

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #000000;
	color: #FFFFFF;
	}

#container {
	width: 900px;
	background: #000000;
	border-width: 4px;
	border-color: #FFFFFF;
	border-style: solid;
	margin: auto;
	}
#wrapper {
	padding: 10px;
	font-size: 12px;
	line-height: 20px;
	}

#content {
	float: right;
	width: 600px;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	float: left;
	width: 210px;
	}

Note that testheader is not defined in the stylesheet. I changed it from header to testheader so the header background graphic would not be called in.

Here is how it displays: http://johnnasta.com/blog/?theme=VNF

I did originally try to code it all out with loop, sidebar, and header code but had the same results. I stripped all of that out and replaced it with dummy text to simplify the example and eliminate possible causes.

It seems like this should be simple. Can someone tell me what I’m doing wrong?

Thanks!