Проблема для прокрутки тела в IE 9 (высота тела = линия высоты)

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

Я пытаюсь реализовать таблицу 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 у меня есть некоторые проблемы:

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

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

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

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

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

Ответы на вопрос(2)

Ваш ответ на вопрос