Javascript td未根据内部iframe&；它的元素在Chrome浏览器中的高度？

我有一张桌子，其中一个“td”并没有根据它的孩子来计算它的全高

我添加HTML标记排列的快照：

如果你能看到“td”在这个td里面是高亮显示的，我在它里面有一个iframe，里面有一个svg元素，它的属性和大小是400*300 px

因此，如果我在chrome上运行这些HTML，它如下所示：

如果我在Firefox 26.0上运行它，那么它看起来像：

现在，我希望Firefox在每个浏览器上都有相同的结果。我怎样才能完成这项任务