Genoma Web

O Internet Explorer leva em conta não a altura indicada de um elemento, mas sim as alturas dos elementos desse elemento.

Com o código abaixo é possível fazer com que a altura indicada em porcentagem para uma DIV seja respeitada no Internet Explorer, ou seja, se uma DIV é pra ter 100% de altura, então ela terá!

Testei este código no Internet Explorer, Firefox e Opera, funcionou em todos. Provável que funcione para qualquer nevegador.

<style type="text/css">
html {
  height: 100%;
}
body {
  margin:0;
  padding:0;
  height:100%;
}
#camadaTeste {
  min-height:100%;
  height:auto;
  width:100px;
  background:#FFCC00;
}
/* Para Internet Explorer */
* html #camadaTeste {
  height:100%;
}
</style>

<div id="camadaTeste">Conteúdo</div>

UPDATE

#camadaTeste: removida a propriedade height:100% e acrescentada min-height:100%; height:auto;
Acrescentada a correção para casos de conteúdo extenso que necessitem de redimensionamento automático:

/* Para Internet Explorer */
* html #camadaTeste {
  height:100%;
}

Valeu "Anônimo" pela observação!