Create a Minimum Height with CSS

As developers, we all battle the cross browser struggle.  What works in Internet Explorer may not work in Firefox. Sometimes what works in IE 7 doesn’t work in IE 6.  Little nuances like that appear all of the time in browser testing.

One such issue is setting a min-height with CSS.  Firefox supports this CSS property but Internet Explorer does not.  To overcome the issue in IE you need to modify your min-height property in the CSS syntax.

CSSselector {
min-height:100px;
height:auto !important;
height:100px;
}

Utilizing this CSS technique to establish a min-height does not require you to include empty div elements into your HTML; therefore, keeping your HTML clean and your CSS for presentation.