On the page about formatting block elements in CSS you saw that the intended size of a DIV may not be large enough for the content. The solution then was to use min-height and let the box grow as needed. There are other alternatives:
div {
overflow:hidden;
}
This means that if it doesn't fit in the DIV the extra content will just not display. Not always useful so there is an alternative in SCROLL. This means you get scrollbars in the DIV for the user to scroll to the end of the content. You can have spearate choices for overflow horizontally and vertically by using OVERFLOW-X and OVERFLOW-Y:
div {
overflow-x:scroll;
}
Open your boxmodel.php file in your editor. Add enough text to make sure that it overflows. If necessary replace "min-height" with "height" so the DIV does not grow. Now put overflow attributes into your styles on that page (as above but try one at a time).
