css - 下にスクロールすると高さが切り取られる

Question

私は左側の管理パネルを使用していますが、高さを 100% にしたいので、ウィンドウに 100% と表示されるだけでなく、スクロールしても切り取られないようにします。しかし、スクロールしているときに左のパネルが切り取られています。ここにCSSがあります：

.adminmenuback {
    width: 30%;
    background: url(../images/leftpanel_bg.png) left top repeat-y;
    background-size: 100% 100%;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
}

問題は、この左側のパネルにアコーディオンがなければならないため、この左側のパネルに大量のリストが表示される可能性があることです。左パネルのコンテンツが増えたときに、ウィンドウを単純に垂直にスクロールしたい。position: relative を使用しようとしましたが、その中でheight:100%機能せず、コンテンツに応じて高さが増加します。position: fixed左パネルのコンテンツが増えたときにスクロールを発生させたいため、また左パネルで特にスクロールしたくないため、も使用できません。

ここにフィドルがあります：http://jsfiddle.net/sBU2q/