CSS: dynamic Float Layout has set height no matter what

I want to use this format to create a开发者_开发技巧 css "table" within my layout. However defining the height in any of the elements still doesn't change the height of the "table" with the floats in it. I want the table to remain dynamic, but I can't find a way to make this height shrink because at the moment it is leaving a large amount of blank space at the bottom after the content in the floats.

Thanks for any help!

Js Fiddle Showing Gap

---

#right { height:775px; } <----- is this the gap you're trying to eliminate?

If so, it's nested inside your main content block(s). Removing it, will allow the height to expand with content.

http://jsfiddle.net/NAA8w/3/