Таблица, textarea и firefox: необъяснимо, но факт!

[Tmin10]

Есть таблица, внутри ячейки которой растянут на 100% ширины и высоты textarea. В хроме всё прекрасно, но в огнелисе textarea находится в середине ячейки и имеет довольно небольшую высоту (явно не 100%).

Пример: http://eeditor.tmin10.ru/ (http://jsfiddle.net/T9cy9/ если первый сайт упадёт (у мя слабенький хостер...))

Подскажите, как бы это исправить?

Edited December 3, 2013 by Tmin10

[SelenIT]

Объяснимо спецификацией CSS (исправленной и дополненной здесь), по которой проценты наследуются только от указанной, а не фактической, высоты. Поэтому нужно указать height:100% для самой ячейки. Ну и для верхней tr-ки, видимо, задать очень маленькую высоту (напр. 1px), чтобы браузер не пытался растягивать ее «пропорционально содержимому».

[Tmin10]

Объяснимо спецификацией CSS (исправленной и дополненной здесь), по которой проценты наследуются только от указанной, а не фактической, высоты. Поэтому нужно указать height:100% для самой ячейки. Ну и для верхней tr-ки, видимо, задать очень маленькую высоту (напр. 1px), чтобы браузер не пытался растягивать ее «пропорционально содержимому».

Убрал верхнюю ячейку нафик, сделал у это высоту также 100%, однако всё также: http://jsfiddle.net/Sg95J/ 

Даже и не знаю в чём причина, ячейка явно растянута как надо, а вот textarea нет.

[SelenIT]

Вот теперь я действительно затрудняюсь объяснить(. Вроде бы ситуацию исправляет height:100% для таблицы. С табличной моделью во всех браузерах вообще есть свои приколы (в Fx в том числе, притом поведение менялось от версии к версии), раздел спецификации о них написан очень запутанно и полон оговорок вида «...но браузеры могут использовать другой алгоритм»...