Sometimes when you float
an image (or a div
) inside another div
, it may be too big for its container. min-height
can correct the problem in Firefox, but with IE, a different approach is necessary.
IE essentially ignores min-height if it appears anywhere outside of a table and Microsoft is very clear about it, which is just so nice.
The solution suggested in a comment on this page is:
Set the style on the containing div to have these properties and it will expand as necessary:
overflow: auto;
and then either
height: 100%
or width: 100%;