CSS Problem Container

[dempsey]

Hallo Zusammen,

als Vorwort:
für euch wird das eher ein kleines Programm sein aber ich habe mich mit der Thematik vorher nie wirklich beschäftigt gehabt und bin schnell von divs immer umgesprungen auf die HTML tables wenn ich Probleme hatte. Dieses mal will ich aber dieses Problem lösen und nicht immer zu den HTML tables flüchten.
Ich habe mich zwar mehrere Tutorials angeschaut aber irgendwie kam ich da nicht weiter.

Referenzseite :
http://3rdmedia.de/uboot/template/

Ich habe hier einen Newswrapper und dieser Container beinhaltet 2 Container. Einen weissen wo (containername: links)"Blablabla..." drinne steht und einen grauen (containername: rechts) wo "asd" drinne steht. Wie ihr evtl. euch denken könnt, möchte ich, dass sich der graue container immer auf die maximal höhe des Newswrappers verwendet und immer die gleich Höhe hat wie der weisse Newscontainer (links).

Dennoch orientiert sich der graue container nicht an den weissen container sondern danach wieviel inhalt (asd's) er hat.

Könntet ihr mir da helfen? Ich möchte nur, dass der graue Container immer die selbe height hat wie der weisse Container

#contentwrapper{
	position: relative;
	height: 100%;
}

#links{
	
	background-color: #FFF;
	width: 700px;
	height: 100%;
	
}

#rechts{
	position:relative;
	text-align: center;
	width: 200px;
	height: 100%;
	background-color: #101010;
	float:right;
	
}

#footer{

	width: 700px;
	background-color: #000000;
	color: #FFF;
	float:right;
	
}