我正在尝试用HTML表（和嵌套表）构建一个家谱树。最终应由用户使用contenteditable进行编辑，嵌套单元格应相应调整大小。
然而，令我神秘的是，当我编辑细胞时，它们调整太快和太多了。为什么这样？
外部表控制所有内容，因此使用
修复大小table-layout:fixed;
另一方面，嵌套表格单元格仅通过
指定margin:auto;
每个单元格的宽度都是通过百分比单独设置的，在编辑之前它看起来很完美。之后不是这样。
DEMO http://jsfiddle.net/KtB6C/ 尝试编辑父或母单元格。
我知道这是一个“修复我的代码”问题，但感谢任何帮助。