Как поделить страницу на 2 области (на каждой своя полоса прокрутки)?

<div class="block-left"></div>
<div class="block-right"></div>

.block-left{width:50%;height:800px;overflow:auto;float:left;}
.block-right{width:50%;height:800px;overflow:auto;}

.block-1 {position:fixed;left:0;top:0;width:50%;height:100%;background:blue;color:#fff;overflow:auto;}
.block-2 {position:fixed;right:0;top:0;width:50%;height:100%;background:green;color:#fff;overflow:auto;}