altezza dispari di div affiancati

[j4ck455]

Ciao a tutti sto sviluppando un layout con due colonne di colore diverso con i css e non riesco a fare in modo che abbiano la stessa altezza.
Mi spiego meglio:la colonna sinistra è per la navigazione e contiene alcuni link; nella colonna destra ci sono i contenuti e quindi risulta molto piu lunga.
IL problema è che il colore dellla colonna sinistra non arriva a fondo pagina come vorrei,ma mostra il colore dello sfondo(con IE,con Firefox non ci sono problemi).
Vi posto il codice css

body {
	margin:0px;
	color:#303030; 
	background:#fafafa url(images/bgbody.jpg) top left; 
	font:76% Verdana,Tahoma,sans-serif;
	}
#contenitore {
	position:relative;
	width:720px;
	margin:0px auto;
	background-color:#FFFFFF;
	}
/*barra sinistra*/	
#leftbar {
	position:absolute;
	top:0px; 
	left:0px;
	margin:0px;
	padding:0px; 
	width:220px; 
	height:100%; 
	overflow:auto; 
	background-color:#e0e0e0; 
	text-align:right;
	}
/*area destra*/
#right {
	width:500px;
	height:100%;
	margin-left:220px;
	padding:0px;
	}

Grazie in anticipo per eventuali risposte

[av250866]

Ti do un grosso indizio:
GOOGLE

[j4ck455]

Grazie non ci avevo proprio pensato
comunque ho risolto inserendo un'immagine di sfondo nel contenitore con i colori al posto giusto