div altura 100%

[cslbcn]

Hola. El siguiente código funciona en Chrome, Firefox, Opera, Safari, pero no en IE8 ni IE9 (qué raro). He probado varias cosas y no acaba de funcionar. Podríais decirme alguna pista?

Gracias.

Código CSS:

html,body{ height:100%; margin:0; }
 
 
 
.clearfix{clear:both;}
.wrapper { min-height:100%; height: auto!important; height:100%;    }
.contenido { width:100%;  margin:0 auto;  }
.cutter {clear: both; padding-top: 378px; background-color:#fbfbfb;}
 
 
.header{ width:100%; height:150px; background-color:red; position:absolute; top:0; }
 
.curse{ width:100%; height:100%; background-color:green; }
 
.footer { height: 378px; margin-top: -378px; background-color:blue;}
 

Código HTML:

<div class="wrapper">
 
   <div class="header">
    
   </div>
 
 
   <div class="content">
      <div class="curse">
      </div>
   </div>
   <div class="cutter"></div>
</div>
    
<div class="footer">
    
</div>
 

[pzin]

No tiene sentido declarar dos veces la altura si en la primera añades un !important.

Como sabes, si especificas una altura en porcentajes, esta dependerá de la altura del elemento padre. ¿Qué altura tiene el elemento que contiene a .wrapper?

[cslbcn]

Donde dices que no tiene sentido declarar dos veces la altura? En .wrapper?

Por cierto, se me olvidó decirlo, el Div que no me lo muestra al 100% de la pantalla en IE es curse.

[alzacon]

Pero como dice pzin tienes altura auto (con el important) en .wrapper, y en .curse tienes el 100% (de auto)