* {
    padding:0;
    margin:0;
}

body, html {
    width:100%;
    height:100%;
    overflow:hidden;
    background:#FFF;
}

.flexpanel {
    position:absolute;
    background:#FF0;
    overflow:auto;
    border:1px solid red;
}

.topPanel {
    top:8px;
    height:42px;
    right:8px;
    left:8px;
    width:expression(this.parentNode.clientWidth - 8 - 8 - 2 + 'px');
}

.leftPanel {
    top:58px;
    bottom:58px;
    left:8px;
    width:200px;
    height:expression(this.parentNode.clientHeight - 58 - 58 - 2 + 'px');
}

.rightPanel {
    top:58px;
    bottom:58px;
    right:8px;
    width:200px;
    height:expression(this.parentNode.clientHeight - 58 - 58 - 2 + 'px');
}

.bottomPanel {
    bottom:8px;
    height:42px;
    right:8px;
    left:8px;
    width:expression(this.parentNode.clientWidth - 8 - 8 - 2 + 'px');
}

.centerPanel {
    top:58px;
    bottom:58px;
    right:216px;
    left:216px;
    height:expression(this.parentNode.clientHeight - 58 - 58 - 2 + 'px');
    width:expression(this.parentNode.clientWidth - 216 - 216 - 2 + 'px');
}