CSS Positioning with browser resizing
<pre><code>div {
    position: absolute;
}

.header {
    width:100%;
    margin-top: 5%;
}

.content {
    width:100%;
    margin-top: 15%;
}
</code></pre>

<p>Browsed many answered questions about layout and browser resizing but I just can't seem to get it. Is it the use of % instead of px that makes my header and content divs overlap as I shrink the window width? Window height resizing doesn't cause the overlap, however.</p>