* { margin:0; padding:0}

div{
    border: 1px solid #f00;
}

html  {
   height: 100%;
}

body {
    background: #def0cf url(left-bg.gif) repeat-y;
    position: relative;
    min-height: 100%;
}

#left{
    text-align: center;
    position: absolute;
    top:0; bottom:20px;
    left: 0; width: 400px;
}

#right{
    text-align: right;
    position: absolute;
    top: 0; bottom: 20px;
    left: 400px; right: 0;
    padding-right: 10px;
    padding-left: 70px;
}

#footer {
    background: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20px;
}

#container{
    position: relative;
    display: table-cell;
}