If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

You're right that it could have been easier. Since you designed the top, middle, and bottom <div>s to exactly fit in the container <div>, you could have avoided adding any position rules to them because, barring other issues, they would have stacked themselves within the container. What are those other issues? Anything that would cause the browser to allocate document space in addition to the 'width' and 'height' attributes, such as 'margin', 'padding', 'border', and internal elements whose margins extend beyond the <div>'s bounding box. So, you could have used: