Lo siento por mi mal inglés, espero que entiendas lo que quiero decir ...

Estoy tratando de implementar una tabla HTML que admita el desplazamiento de cuerpos de tabla independientemente del encabezado de la tabla.

Encontré la siguiente pregunta que me ayudó mucho:¿Cómo desplazar el "tbody" de la mesa independientemente de "thead"?

Probé el siguiente código, funciona en Chrome (22), Firefox (16) y Opera (12) sin problemas:

HTML:

<table>
  <thead>
   <tr>
    <th>Title1</th>
    <th>Title2</th>
    <!-- ... -->
   </tr>
  </thead>
  <tbody>
   <tr>
     <td>...</td>
     <td>...</td>
     <!-- ... -->
   </tr>
   <!-- ... -->
  </tbody>
</table>

CSS:

thead, tbody {
    display: block;
}

tbody {
    height:500px;
    overflow-y:auto;
    overflow-x:hidden;
}

thead {
    line-height: 20px;
}

Así que funciona en los navegadores principales, excepto IE 9, en IE, tengo algunos problemas:

La altura del cuerpo no está definida (así que no tengo ninguna barra de desplazamiento)Cada uno tiene una altura de 500 px (la altura del cuerpo en otros navegadores)

Los dos ejemplos siguientes tienen exactamente los mismos problemas:http://jsfiddle.net/nyCKE/2/ , http://www.imaputz.com/cssStuff/bigFourVersion.html

Vi la siguiente pregunta (y respuesta) pero no me ayuda:IE9 + css: problema con la tabla de encabezado fija

Así que estoy seguro de que el error proviene de IE pero no tengo idea de cómo solucionarlo sin cambiar mi estructura HTML.

¿Alguien tiene alguna idea?