Dynamic Columns - Do I need Jquery for this?

Dynamic Columns - Do I need Jquery for this?

Hi.

I'm making a slightly unusual layout at the moment, and I could do with some help. I've seen it done before, but I dont know how they achieved it. Its probably easier for me to explain this is pictures:

This is my current site wide Screen:



My current site with smaller screen. Note that the last column as flowed onto the next row since there isn't enough space (this is perfect):



However, it doesn't fill up the available space. This is an example image I photoshopped to show how I want it. Notice how the block on the bottom row fills the wasted space:



This is a link to my existing site so you can see it live:

The source is all there too, but I can post that here if it helps. How can I force the blocks up to fill up the wasted space like in my last picture? Here is an example of a site working with the vertically positioning of columns:

Thanks for any help you can give!

James