Equal Height Columns with border-right
===

I'm trying to create a column layout where all of the columns are of equal heights so the borders extend down to the same length.  I've tried a couple solutions including the One True Layout Solution proposed at http://css-tricks.com/fluid-width-equal-height-columns/, but that caused the borders to disappear entirely.  I also tried using display: table for the wrapper, but that's not supported by IE7.

Here is my code so you can see what I'm referring to:

http://jsfiddle.net/kh9nS/1/

Thanks.