Posto il codice css di questa pagina; è un layout a tre colonne con header e footer, l'unico inconveniente e che il footer continua dopo la colonna di sinistra, invece di andare a capo
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; POSITION: absolute; BACKGROUND-COLOR: #69c; TEXT-ALIGN: center
		}
questa è la pagina in html che utilizza il css

codice:
<html>
<head>
<link rel="stylesheet"  href="layout.css" type="text/css">
</head>
<body>
	<div id="container">
	<div id="banner">Banner


</div>
	<div id="sidebar-a">





colsx</div>
	<div id="sidebar-b">





coldx</div>
        <div id="content">principale</div>
	<div id="footer">footer</div>
	</div>
</body>
</html>
cosa devo modificare per far si che il footer non continui dalla colonna? il float left?