clipped from: standards.webmasterpro.de   

Min-Height für den Internet Explorer


<div class="test">...</div>

.test
{
  min-height:300px;
  height:auto !important;  /* für moderne Browser */
  height:300px;  /*für den IE */
}

Oft möchte man eine Standardhöhe für seine Container festlegen und möchte, daß sich die Boxen automatisch mit dem Inhalt vergrößern. Man stellt dann allerdings fest, daß im Gegensatz zum Internet Explorer Gecko-Browser trotz überlaufendem Inhalt die definierte Höhe beibehalten.
Gecko-Browser verhalten sich allerdings in diesem Fall richtig, da man für diesen Zweck einfach eine Mindesthöhe ( min-height) festlegen sollte; min-height wird aber nicht vom Internet Explorer unterstützt, daher muß man sich eines kleinen Workarounds bedienen, um zu seinem Ziel zu gelagen.