Okay, so no matter what I do I can never get more than 3 divs inside of a wrapper! I play with the sizes to make sure it's not getting bumped out or something, nothing will work!

Code:
body {
	background-color:#000000;
}

.wrapper {
	background-color:#151515;
	width:850px;
	height:570px;
	margin:0 auto;
	border:1px #f1f1f1 solid;
	padding:0px;
}

.header {
	background-color:#232323;
	width:700px;
	height:80px;
	margin-top:10px;
	margin-left:10px;
	padding:0px;

}

.left {
	background-color:#232323;
	width:170px;
	height:460px;
	margin-top:10px;
	margin-left:10px;
	padding:0px;
	float:left;
}

.mid {
	background-color:#232323;
	width:520px;
	height:460px;
	margin-top:10px;
	margin-left:190px;
	padding:0px;
}

.right {
	background-color:#232323;
	width:120px;
	height:570px;
	margin-top:10px;
	margin-right:10px;
	float:right;
}
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="en-us" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<link rel="stylesheet" href="style.css" />
</head>

<body>
<div class="wrapper">
	<div class="header"></div>
		<div class="left"></div>
			<div class="mid"></div>
				<div class="right"></div>
</div>
</body>

</html>