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?