三列100%高度的div，如何让每列内容在超出窗口高度时出现滚动条

如代码所示，粉色区域的内容已经溢出窗口，我希望在蓝色窗口内能够以滚动条方式查看 http://jsfiddle.net/w9rvJ/

---

粉色区域并没有溢出蓝色区域，而是蓝色区域溢出红色区域了
最小高度100%是没用的，可以给蓝色区域添加高度或最大高度,比如

.main{
    max-height: 100%
}