OK, I have Drupal spitting out all the site's menus out into a series of ULs using this line:
Code:
<div id="<?php print $class.'-foot'; ?>"><?php print render($menu_output); ?></div>
But I want to take these 8 menus and place them in 6 columns at the foot of the site, as a site map. Like I have started at the bottom of this Drupal test page:
http://www.girlscoutsmoheartland.org/drupal/

Here's the issue:
While I'm using CSS to moves these UL's around by their DIV IDs horizontally with margin-left values, how do I get them to all line up by the top?
I can't use top or margin-top attributes, and I can't absolute position because I never know how tall/long/high/whatever the page's content is going to be.

Any ideas?
I'll paste the CSS I have here below.
Thanks for any help!

Code:
#menu-about-us-foot {
	margin-left:0px;
	float:left;
	margin-bottom:20px;
}
#menu-topmenu-foot {
	margin-left:0px;
	clear:both;
	margin-bottom:20px;
}
#main-menu-foot {
	margin-left:0px;
	float:left;
	margin-bottom:20px;
}
#menu-topmost-menu-foot {
	margin-left:0px;
	float:left;
	padding-bottom:20px;
}


#menu-for-girls-foot {
	margin-left:160px;
	clear:both;
}

#menu-for-parents-foot {
	margin-left:320px;
	clear:both;
}

#menu-for-volunteers-foot {
	margin-left:480px;
	clear:both;
}

#menu-for-donors-foot {
	margin-left:640px;
	clear:both;
}

#menu-for-alumnae-foot {
	margin-left:800px;
	clear:both;
}