Large vertical gap between divs

[mobilebadboy]

Edit: Fixed the large gap. Just left with a 1px gap in IE. Sure I'll figure that out too.


I've got 5 divs -- a top div, 3 side-by-side divs, and a bottom div. For some reason I'm getting a very large gap (like 170 pixels or so) between the bottom div and the 3 divs above it. Both IE and FF.

Any ideas?

#sch_hdr { 
	background: url('sch_hdr.gif'); 
	width: 497px; 
	height: 141px;
}
#sch_left { 
	background: url('sch_left.gif');
	width: 39px;
	height: 224px;
	float: left;
}
#schedule { 
	width: 450px;
	float: left;
}
#sch_right {
	background: url('sch_right.gif'); 
	width: 8px; 
	height: 224px; 
	float: left;
}
#sch_btm { 
	background: url('sch_btm.gif') no-repeat; 
	width: 497px; 
	height: 17px; 
	clear: both;
}

<div id="sch_hdr"></div>
<div id="sch_left"></div>
<div id="schedule">
    // contains table inside, removing it makes no difference
</div>
<div id="sch_right"></div>
<div id="sch_btm"></div>