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.

Subscribe to our RSS and receive updates regarding other CSS and development techniques.