Divide Page into Two

HTML

<div id="left">
<font>Hello...</font>
</div>

<div id="right">
Hello...
</div>

CSS

#left {
    overflow-y: auto;
    position: absolute;
    left:0;
    width: 50%;
    height: 100%;
}

#right {
    overflow-y: auto;
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
}