DIV-Element nimmt nicht größe des Content an

[ToXXiN]

Hallo, ich bin ziemlich am Anfang des Website schreibens, und schon bin ich auf ein Problem gestoßen, dass ich mir nicht erklären kann. Ich habe für meine Website zwei spalten mit float und DIV-Objekten angelegt. Ich wollte beide mit der gleichen Hintergrundfarbe hinterlegen, die aber nicht genau die selbe ist, die die Allgemeine meiner Website (also, content soll leicht grau Hinterlegt sein, Hintergrund vom restlichen Fenster ist weiß).

Mein Code sieht dazu so aus:

HTML:

  
		<div id="content_2">  
		  
		<div id="content">  
			  
			<div id="articles">  
			  
				<h3>Eine einfache Überschrift für einen Artikel</h3>  
				  
				<p>Hier steht irgend ein Text</p>  
			  
			</div>  
			  
			<div id="sidebar">  
			  
				<h4>ToDo: </h4>  
				<ul>  
					<li>1</li>  
					<li>2</li>  
					<li>3</li>  
					<li>4</li>  
				</ul>  
			  
			</div>  
			  
		</div>  
		  
		</div>  

Und das ist die passende CSS:

  
		#content {  
		  
				margin: auto;  
				background-image: url(recources/page_back.gif);  
				background-repeat: repeat;  
				width: 960px;  
				  
				}  
				  
		#content_2 {  
		  
				margin: auto;  
				background-color: #e6e6e6;  
				width: 964px;  
				  
				}  
  
		#articles {  
		  
				float: left;  
				margin-left: 20px;  
				width: 630;  
				text-align: justify;  
				  
				}  
				  
		#sidebar {  
		  
				float: left;  
				margin-left: 30px;  
				width: 260px;  
				  
				}  

So, ich hofe ihr könnt mir helfen, ich weis nämlich nicht mehr weiter. Also, es ist, als ob die beiden boxen, die eigentlich einfarbig sein sollten, einfach keine Höhe haben, obwohl sie eigentlich die Höhe der beiden Elemente (also, immer des höheren) annehmen sollten, oder?

-MfG ToXXiN