trouble styling ULs

[joshua4]

I'm not a CSS guru and I'm having a small problem with this styling. The ULs are floated left and the whole box is dynamic. Theres no way to tell how big any UL list will be and they can grow or shrink.

I'm almost there but I can't get the ULs to hug the bottom of the one above. Any help appreciated, thanks in advance.

http://jglasman.name/temp/footer.html

See this image for what I mean
http://jglasman.name/temp/footer.PNG

[KDLA]

#bigFoot ul li {
	line-height: 22px;
	clear: both;
	white-space: nowrap;
}

This is the issue, as well as the order you've coded them. They are "tiling" horizontally, but then when the end of the line is reached, they are beginning a new line based upon the length of the longest <ul> in the previous list.

I suggest you change the order, and place them in divs acting as column containers.