whyWhy not just like this?
html, body { height: 100%; } #containerInput { background-image: url('../img/edit_bg.jpg'); height: 40%; } #containerControl { background-image: url('../img/control_bg.jpg'); height: 60%; } Giving you html and body (in that order) a height and then just give your elements a height? Works
Works for me