Проблема с прокруткой тела на ICE 9 (высота тела = линия высоты) ⇐ Html

[Anonymous]

Я пытаюсь реализовать HTML-таблицу, поддерживающую прокрутку тел таблицы независимо от ее заголовка.
Я нашел следующий вопрос, который мне очень помог:
Как прокручивать «tbody» таблицы независимо от «thead»?
Я протестировал следующий код, он без проблем работает в Chrome (22), Firefox (16) и Opera (12):
HTML :

Код: Выделить всё

Title1
Title2





...
...

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.
Есть у кого-нибудь идеи?

Подробнее здесь: https://stackoverflow.com/questions/128 ... eight-line