Content div springt uit container

Hallo allemaal :)

De bedoeling van mijn site is simpel:
Ik wil graag dat mijn website in de lengte meerekt, afhankelijk van de lengte van de tekst.

Dit krijg ik niet echt voor elkaar.
Mijn probleem is nu, dat wanneer ik een tekst schrijf die 'te lang' is, deze óver mijn footer heenvalt, en dus uit zijn container. Het is de bedoeling dat de tekst tegen de footer aan moet 'botsen', en deze dus omlaag moet duwen.
Dit wil echter niet echt lukken.

Voor het zien van mijn probleem, zie http://www.tomcolen.nl
De groene dashed lijn is de container div van het verticale menu, en de content. De blauwe lijn is de content div.

Hier mijn betreffende code:
style.css:

/*Verticaal Menu*/
#container {
	position: relative;
	width: 100%;
	border: 1px dashed green;
	}

.spacer {
	clear: both;
	}

#leftbar {
	float: left;
	margin-top: 1px;
	background-color: #a31d27; /*#a30023;*/
	width: 150px;
	/*height: 100%;*/
	color: #ffffff;
	font-family: calibri, serif;
	}

.lefttext {
	padding-left: 0px;
	font-size: 1em;
	}
	
.lefttext ul li a {
	padding: 5px;
	margin: 0;
	}	
	
.lefttext ul, ul li {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
	}
	
.lefttext a {
	display: block; 
	padding: 0px;
	margin: 0px;
	line-height: 1em;
	text-decoration: none;
	color: #ffffff;
	/*border: solid 1px;*/
	}
	
.lefttext a:hover {
	color: #ffffff; 
	background: #6b0017; /*#03006e;*/
	}
	
/*CONTENT*/
#content {
	position: absolute;
	left: 150px;
	width: 85%;
	border: 1px solid blue;
	}

/*FOOTER*/
#footer {
	margin-top: 1px;
	background-color: #6b0017; /*#03006e;*/
	background-repeat: repeat-x;
	height: 75px;
	}

index.php: (zonder header en menu)

<div id="container">
<div class="spacer"><!-- No Content --></div>
	<div id="leftbar">
		<div class="lefttext">
			<ul>
				<li><a href="http://www.tomcolen.nl/backup/">Hardware</a></li>
				<li><a href="http://www.tomcolen.nl/backup/">Besturingssystemen</a></li>
				<li><a href="http://www.tomcolen.nl/backup/">Software</a></li>
				<li><a href="http://www.tomcolen.nl/backup/">Internet &amp; Netwerk</a></li>
				<li><a href="http://www.tomcolen.nl/backup/">Beveiliging &amp; Virussen</a></li>
				<li><a href="http://www.tomcolen.nl/backup/">(Web)design &amp; Webservers</a></li>
			</ul>
		</div>
	</div>

<div id="content">
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test
</div>
<div class="spacer"><!-- No Content --></div>
</div>

<div id="footer">
</div>

</div>
</body>
</html>

Hopelijk kunnen jullie mij helpen :)

Mvg,
Tom