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 {
height:auto !important;

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.