I had 6 payment methods so that footer was too high to overlap order-controller div

I find that the order-controller is set to bottom:232px

I tried a lot ways to set the height of order-controller can automagically resize when Leftpane Footer changes,but all failed

Can someone help me?

.point-of-sale #leftpane {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    position:absolute;
    left:0;
    width:440px;
    top:0px;
    /*bottom:105px;*/
    bottom:0;
    border-right: solid 1px #CECBCB;
    background-color: white;
}
.point-of-sale #leftpane footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #F0EEEE;
    white-space: nowrap;
}

.point-of-sale .order-container{
    position: absolute;
    top: 0px;
    bottom: 232px;
    width:100%;
    background: #F0EEEE;
}