如何使文本区域与表格对齐并获取表格的高度

我有一个表，可以有行和列添加和从它删除。我想在它的旁边放一个文本区，它将保持与表格相同的大小，这样它看起来很好。

我有两个问题。首先是让它显示在表的右侧(如果有空间，如果没有，它应该包装)。

我已经尝试将样式设置为表上的display: inline-table，它确实使文本区(这是DOM中的表的兄弟姐妹)显示在其右侧，但它在IE9, Opera或Firefox中没有排队。文本区突出在表格上方。与Webkit一起工作。Webkit在右下方也有一个很好的抓取器，可以让我调整大小。

如果我使用display: inline-block，它现在在Firefox中工作。在IE9和Opera中仍然有问题。

对于动态调整大小，我可以在每次表更改时调用一个函数来调整它的大小。

如何检索表或其他元素的大小(以像素单位或其他单位)?

小提琴演示问题:http://jsfiddle.net/7jKDm/4/

var height = document.getElementById('tbl').clientHeight;