主なポイントは↓の二つみたいです

1. 揃えたい要素のpadding,marginのbottomそれぞれに32768px,-32768pxを指定
2. 揃えたい要素の親要素にoverflow:hidden;を指定

簡単に解説すると大きくパディングを取って背景をずっと下まで拡大した後
マージンで実際の要素の高さに戻して
後は余った部分の背景をoverflow:hidden;を使って切ってるっぽいです

ちなみになぜ「32768」かはどうもその値がIEの限界らしいです↓
ブロックレベル要素の高さを揃える｜CSS HappyLife

これを使えば神ノ業さんの所とかの右カラム背景色を
一番下まで持っていくことが出来るようになると思います

ちなみに、ちょっと弄くると↓見たいにテーブルレイアウトみたいな外観にも出来たりします
違う高さのカラムをテーブルっぽく揃えるサンプル
（点線は無理ですが・・・）
あと↑のは30分くらいで適当に書いたんで
書き方が雑だとかテンプレパクられてる等の意見は無しでｗ

参考サイト

• Columnas 100% altas
• [CSS]高さの異なるカラムを揃えるスタイルシート | コリス
• 高さの異なるカラムをそろえるスタイルシート[to-R]
• ブロックレベル要素の高さを揃える｜CSS HappyLife

追記

違う高さのカラムをテーブルっぽく揃えるサンプルを作ったとき、
カラムを分ける線は親要素に色を指定して子にマージンを作って線っぽく見せるようにしたのですが、
よくよく考えてみたら普通にボーダーでいけましたｗ
つまり点線も使えたってことですｗ