Istället för float

Jag har 3 div'ar som delas ut som följer:

#side-A | #content | #side-b

och CSS ser ut såhär:

#content { 
	float: left;
	margin-left: 35px;
	width: 300px;
	height: 600px;
}
#side-a {
	float: left;
	width: 250px;
	margin-left: 10px;
}
#side-b {
	float: right;
	width: 200px;
	height: 550px;
	margin-top: -20px;
	padding-left: 5px;
	background-color: #595454;
}

Problemet jag har nu, är, att längst ner på sidan har jag en footer.
Och om någon av div'arna går för långt ner, så lägger dom sig "över" footer,
jämfört med att "skjuta" den neråt som en traditionell table hade gjort.

Hur löser jag det? Ska jag undvika float, eller vad göra?

"enklast" är att bara lägga in en <br> eller <div> med style clear both.

<br> gav inget resultat.. testar <div> nu... *Testar*
Ah - clear both funkade ju klockrent :P
Tack!

du behöver ha en style clear i din br också
antingen:

<br style="clear: both" />

eller

<div style="clear: both"></div>