HTML2列主题，左侧滚动右侧动态高度

目前，我有一个2列布局。左侧高度约为5000px。右侧动态填充，例如1200px高度

现在我希望左侧的高度与右侧的高度相同。例如1200px。左边应该是滚动的

Currently: http://jsfiddle.net/2CDwB/2/

How it should be: http://jsfiddle.net/2CDwB/1/

但问题是，右侧的内容是动态的。所以不可能使用像1000px这样的设定高度

---

有人有主意吗？

使用溢出：隐藏；在左侧div

   .left {
        float: left;
        height: 1200px;
        width: 20%;
        background: #f00;
        overflow: hidden;
    }

---

这就是你要找的吗？

左侧
。。。。
右侧

.左{
浮动：左；
宽度：20%；
背景：#f00；
溢出：自动；
显示：块；
身高：100%；
}
.对{
浮动：左；
显示：块；
宽度：100%；
背景：#0f0；
}

溢出：隐藏不起作用。我调整了示例以显示当前的情况：链接，因此没有设置高度。我想让左边和右边一样高，并且可以滚动。提前谢谢！

<div class="right">
<div class="left">
left side </br>....
</div> 
right side </br>
</div>


.left {
    float: left;
    width: 20%;
    background: #f00;
    overflow: auto;
    display:block;
    height: 100%;
}

.right {
    float: left;
    display:block;
    width: 100%;
    background: #0f0;

}