html - Scrollable divs without absolute positions -

is there way make this: http://jsfiddle.net/wwr2ny27/, without absolute positions left , right panel? want make them scrollable, without absolute positions.

html:

<div id="header">header</div>  <div id="left">     <p>left</p>     <p>left</p>     ... </div>  <div id="right">     <p>right</p>     <p>right</p>     ... </div> 

css:

#header {     background-color: silver;     height: 30px; } #left, #right {     position: absolute;     top: 30px;     bottom: 0px;     overflow: auto;     width: 50%; } #left {     background-color: yellow;     left: 0px; } #right {     background-color: orange;     right: 0px; } 

maybe check out fiddle : http://jsfiddle.net/14wnj9x2/

so, have removed position absolute, , have totally based code on height, ensures overflow occurs.

html, body {     margin: 0px;     overflow:hidden;     height:100%; }  #left, #right {     float:left;     height: 95%;     overflow: auto;     width: 50%; }