Entschuldigen Sie mein schlechtes Englisch, ich hoffe, Sie werden verstehen, was ich sagen möchte ...

Ich versuche eine HTML-Tabelle zu implementieren, die das Scrollen von Tabellenkörpern unabhängig vom Tabellenkopf unterstützt.

Ich habe die folgende Frage gefunden, die mir sehr geholfen hat:Wie kann man den "tbody" des Tisches unabhängig von "thead" scrollen?

Ich habe den folgenden Code getestet, er funktioniert unter Chrome (22), Firefox (16) und Opera (12) ohne Probleme:

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;
}

So funktioniert es auf den Hauptbrowsern außer IE 9, auf IE habe ich einige Probleme:

Die Körpergröße ist nicht definiert (daher habe ich keine Bildlaufleiste)Jedes hat eine Höhe von 500px (die Größe des Körpers in anderen Browsern)

Die beiden folgenden Beispiele haben genau dieselben Probleme:http://jsfiddle.net/nyCKE/2/ , http://www.imaputz.com/cssStuff/bigFourVersion.html

Ich habe die folgende Frage (und Antwort) gesehen, aber es hilft mir nicht:IE9 + CSS: Problem mit fester Headertabelle

Ich bin mir also sicher, dass der Fehler vom IE stammt, aber ich habe keine Ahnung, wie ich ihn beheben kann, ohne meine HTML-Struktur zu ändern.

Hat jemand eine Idee?