Извините за мой плохой английский, надеюсь, вы поймете, что я хочу сказать ...

Я пытаюсь реализовать таблицу HTML, которая поддерживает прокрутку тел таблицы независимо от заголовка таблицы.

Я нашел следующий вопрос, который мне очень помог:Как прокрутить "tbody" таблицы независимо от "thead"?

Я протестировал следующий код, он работает на Chrome (22), Firefox (16) и Opera (12) без проблем:

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

Так что он работает в основных браузерах, кроме IE 9, в IE у меня есть некоторые проблемы:

Высота тела не определена (поэтому у меня нет полосы прокрутки)Каждый из них имеет высоту 500 пикселей (высота тела в других браузерах)

Два следующих примера имеют абсолютно одинаковые проблемы:http://jsfiddle.net/nyCKE/2/ , http://www.imaputz.com/cssStuff/bigFourVersion.html

Я видел следующий вопрос (и ответ), но он мне не помогает:IE9 + css: проблема с фиксированной таблицей заголовков

Так что я уверен, что ошибка исходит от IE, но я понятия не имею, как ее исправить, не изменив структуру HTML.

У кого-нибудь есть идеи?