gib65
03-12-2012, 03:54 PM
I have a div whose maximum height I'm setting as follows:
div
{
max-height: 50px;
overflow: hidden;
}
This makes it so that any content whose height spans beyond 50px will not be completely visible (i.e. it will overflow below the bottom border of the div where it will not be seen).
This seems to work in Firefox but not in IE. In IE, the div still stretches beyond the height of 50px to make room for its contents such that everything is visible.
How can I enforce the maximum height in IE?
div
{
max-height: 50px;
overflow: hidden;
}
This makes it so that any content whose height spans beyond 50px will not be completely visible (i.e. it will overflow below the bottom border of the div where it will not be seen).
This seems to work in Firefox but not in IE. In IE, the div still stretches beyond the height of 50px to make room for its contents such that everything is visible.
How can I enforce the maximum height in IE?