Just inside <div id="content">, I'm creating a <div id="SideMenu"> with the following CSS:

#SideMenu
{
	padding: 10px;
	float: left;
	clear: both;
	display: block;
	margin: 0em 1em 0em 0em;
	background: #05344E;
}

Page URL is http://www.growldesign.co.uk/oswd/mintswirl/

The idea is that div#SideMenu should be a floated side bar, and it works fine on IE7, but on FF2 div#SideMenu is not extending the height of it's parent div#content and is breaking out of the box to cover the footer.