Non è possibile, con i CSS, fare espandere le colonne laterali in base all'altezza della colonna centrale (non con i CSS versione 2 almeno, ma credo nemmeno con la versione 3).
Potresti usare i due contenitori, container e content, per visualizzare le immagini (Non capisco l'utilità del secondo, anche se torna comodo per i due background...)
codice:
#container {
width:1200px;
margin:0 auto;
background:url('immagine/sinistra.jpg') bottom left no-repeat;
height:auto;
overflow:auto;
}
#content {
width:1200px;
margin:0;
/*background-color:#FFFFFF;*/
float:left;
background:#fff url('immagine/destra.jpg') bottom right no-repeat;
height:auto;
overflow:auto;
}