Problema layout 2 colonne sfondo trasparent

[world war]

Forse non ho inserito il clear, comunque ecco il codice XHTML e CSS completo

	<div id="tableindexcontainer">
		<div id="tableindextop"></div>
		<div id="tableindexcenter">
			
		</div>
		<div id="tableindexfooter">
		
		</div>
	</div>
 
	<div id="top"></div>
	<div id="container">
	<div id="content_left">
 
	
 
	</div>
	<div id="content_right">
	
 
	
 
	
	</div>
	</div>
	<div id="footer">
		
	</div>

body {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:80%;
	color:#FFF;
	background:#FFF url(../images/background_2.jpg) top center no-repeat fixed;
}

div#top {
	clear:both;
	width:850px;
	height:13px;
	background:url(../images/table_background_full/table_background_top.png) no-repeat;
	margin:0 auto;
}

div#container {
	position:relative;
	margin:0 auto;
	width:850px;
	background:url(../images/table_background_full/table_background_center.png) repeat-y;
}

div#content_left {
	width:20%;
	float:left;
	background:transparent;
}

div#content_right {
	width:80%;
	float:right;
	background:transparent;
}

div#footer {
	clear:both;
	width:850px;
	height:45px;
	background:url(../images/table_background_full/table_background_footer.png) no-repeat;
	margin:0 auto;
}

/*header*/

div#tableindexcontainer {width:960px; margin:0 auto; position:relative;}

div#tableindextop {clear:both; background:url(../images/table_index_full/table_index_top.png) no-repeat; height:30px;}

div#tableindexcenter {clear:both; background:url(../images/table_index_full/table_index_center.png) repeat-y;}

div#tableindexfooter {
	clear:both;
	background:url(../images/table_index_full/table_index_footer.png) no-repeat;
	height:91px;
	padding-top:25px;
}