Salve a tutti, ho questo layout a trecolonne, header e footer:

codice:
		#container {
			BORDER-RIGHT: #36c 2px solid; 
			MARGIN: 0px auto; 
			BORDER-LEFT: #36c 2px solid; 
			WIDTH: 980px; 
			POSITION: relative; 
			HEIGHT: 100%; 
			TEXT-ALIGN: left
		}

		#banner {
			padding: 2px;
			margin-bottom: 2px;
			background-color: rgb(213, 219, 225);
		}

		#content {
			padding: 2px;
			margin-left: 206px;
			margin-right: 206px;
			background-color: gray;
		}

		#sidebar-a {
			float: left;
			width: 200px;
			\width: 204px;
			w\idth: 200px;
			margin: 0;
			margin-right: 2px;
			padding: 2px;
			background-color: rgb(235, 235, 235);
		}

		#sidebar-b {
			float: right;
			width: 200px;
			\width: 204px;
			w\idth: 200px;
			margin: 0;
			margin-left: 2px;
			padding: 2px;
			background-color: rgb(235, 235, 235);
		}

		#footer {
			PADDING-RIGHT: 0px;
 			PADDING-LEFT: 0px;
	 		PADDING-BOTTOM: 0.5em;
			WIDTH: 100%;
			COLOR: #000;
			BOTTOM: 0px;
			PADDING-TOP: 0.5em;
			BACKGROUND-COLOR: #69c;
			TEXT-ALIGN: center;
			clear:both;
		}
Il layout non ha problemi, ma l'unica cosa che non mi piace è il fatto che le tre colonne non sono omogenee nell'espandersi.
C'è qualche metodo affinche le due colonne sx e dx seguano quella centrale e si espandano insieme a questa camminando di pari passo?
Per ora devo essere io a forza di br a riportarle in linea con la colonna centrale, ma non credo che sia la soluzione migliore.
Se qualcuno ha un idea sono tutto orecchi
Grazie anticipatamente
Davide