CSS Div width percentage and padding without breaking layout

Question

There may be a simple fix for this, but it has troubled me for ages now...

Let me explain the situation. I have a div with the ID \'container\' that holds all the

Answer 1

Try removing the position from header and add overflow to container:

#container {
    position:relative;
    width:80%;
    height:auto;
    overflow:auto;
}
#header {
    width:80%;
    height:50px;
    padding:10px;
}