Strange whitespace problem

Hi there, I'm new to CSS, but I'm very interested in learning, as I'm used to traditional tables and such.

I'm testing out div classes and I've got a problem with whitespace. Here's an example of my problem.

I pushed over the actual writing part of my post 200 pixels using relative positioning to get it where I want. The problem is that I've got this horizontal scrollbar that shows only whitespace when I scroll to the right. What can I do about this? This is my CSS file:

body {
		margin: 0px;
		padding: 0px;
		background: #ffffff;
		font-family: Verdana;
		font-size: 11px;
		
		}

p {
		line-height: 200%;
		}

a {
		color: #cc0000;
		text-decoration: none;
		padding-bottom: 4px;
		}

a:hover {
		color: #0000cc;
		}

a:visited {
		color: #00cc00;
		}

#leftbar {
		float: left;
		width: 150px;
		height: 1000px;
		background: #eeeeee;
		padding-left:10px;
		}

#rightbar {
		padding-top: 10px;
		}

#day {
		color: #999999;
		padding-top: 20px;
		padding-bottom: 4px;
		font-family: Verdana;
		font-weight: 800;
		font-size: 16px;
		text-indent: 10px;
		}

#date {
		border-top: 1px;
		border-right: 0px;
		border-bottom: 0px;
		border-left: 0px;
		border-style: dotted;
		text-indent: 5em;
		padding-top: 3px;
		color: #999999;
		}

#blog {
		position: relative;
		left: 200px;
		padding-top: 5px;
		padding-right: 215px;
		line-height: 150%;
		}