ce serait tellement simple si Internet Explorer gérait les CSS de façon standard …

L’attibut CSS "min-height" a pour objet de définir la taille minimale d’un calque.
Si le contenu du calque dépasse cette hauteur, le calque s’adapte donc automatiquement à ce contenu, ce qui est pratique quand on a un fond de couleur par exemple.

L’attribut "height" , pour sa part, définit la hauteur d’un calque, mais sans adapter la taille en cas de dépassement du contenu.

Le problème vient (original …) d’Internet Explorer qui reconnait "height" mais ignore "min-height".

Il existe une solution pour obliger IE à gérer un calque (nommé "main" sans l’exemple suivant) à avoir une hauteur minimale ET à s’adapter à un contenu de taille variable :

 
#main {

 height: auto;

 min-height: 1000px; /* pour Firefox */

 }
 
* html #main {

   height: 1000px; /* pour Internet Explorer */

 }
 

Vivement IE8… on peut rêver