Colonna elastica che non si allunga

[dabbia]

Sto combattendo da diversi giorni con questo layout: http://www.isoteck.it/prova/home.asp

non riesco a far scendere la colonna blu di sinistra fino alla base azzura (footer)... Penso sia un problema di CSS ma non riesco a risolverlo!
Vi posto anche i CSS usati, per comodità...

Se riusciste a darmi qualche dritta, ve ne sarei grato!

/* blu linee #292173 - celeste 0066CC - grigio chiaro E5E5E5
/* marroncino T Isoteck 72372B - marroncino chiaro #D8865B */ 
 
html, body {padding:0; margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
    color: #000000;
	font-size: 1em;}
form, h1, h2, h3, h4, h5, h6 { padding:0; margin:0}
ul, li { margin-top:0px; }
img{border:0}
div#conteiner{ width:47.5em; margin: 0 auto;text-align: left; border-left: 1px solid #000000;border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
div#header{
	padding-top: 12px;
	height:110px;
	background-color: #FFFFFF;
	background-image: url(../images/struttura/pannello-tegola-sfondo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.sottologo {color:#72372B; font-size: 18px; margin-left:13px; margin-top:6px;}
div#intestazione{background-color: #0066CC; color:#FFFFFF; font-size:small; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding-left:16px; padding-bottom: 4px; padding-top:4px; font-weight:bold;}
div#left{
	width: 15em;
	border-right: 1px solid #000000;
	background-color: #292173;
	background-image: url(../images/struttura/pixel.gif);
	background-repeat: repeat;
	color:#FFFFFF;
	margin-top: 0px;
	margin-left: -1px;
	float: left;
	vertical-align:top;
	padding-top: 12px;
}
.T{
	color:#D8865B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size: 130%;
}
/* menu ad albero */
#foldheader, #menunorm{cursor:pointer; font-weight:bold; margin-bottom: 2px; list-style-image:url(../images/struttura/lista.gif); list-style-type:none;}
#foldinglist{list-style-image:url(../images/struttura/lista_off.gif); list-style-type:none; font-size:0.9em; margin-bottom: 2px; padding-left: 40px; margin-left: 0px;}
#foldheader a:visited, #foldinglist a:visited{color:#FFFFFF; text-decoration:none;}
/* fine menu */
div#contenuti{margin-left: 16em; vertical-align:top; }
div#footer{clear:right; text-align:center; padding: 0.5em; background-color: #69c; color: #000}

[thomas_anderson]

Imposta un immagine di background per la colonna di destra posta dentro il container:

#container {
width: 40em;
margin: 0;
padding: 0;
background: #fff url(blu.gif) repeat-y top left;
color: #000;
}