css - 表格布局因 textarea、IE 问题而损坏

Question

无法弄清楚一件事与另一件事是如何相关的，但看到这个:http://tinypic.com/r/vecj87/5

此处为实时 html:http://www.papilion.ee/hange_latest/hange_detailvaade.html

向下滚动到标题“Parimad pakkumised”(或使用 Ctrl+F)。 有一张 table 。 单击链接“VeSTLus 5”(红色的 5)将打开包含内容的隐藏 div。

在 IE10 和更早的版本中，当这个隐藏的 div 打开时，表格的第一个“tr”中的内容出于某种原因被推到右边。我不知道为什么。 但它似乎与隐藏的div 内的textarea 有关。缩短 textarea 可以解决问题，但我想保持 textarea 较长。

请参阅 Firefox/Chrome 以供引用。 尚未在 Mac 上测试过。

我错过了什么吗？

Answer 1

我用这条规则解决了这个问题:

.infoWrap .answer.action .answer_content textarea.long { width:100%;min-height:64px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }