显示表格单元格相等的高度在容器IE和FF上流血

Question

我正在研究3种不同的网格布局，浮动，弹性和桌面。浮动和弯曲工作按预期工作，但基于显示表的网格，单元格在IE和FF中流过表格。 flex和table网格的任务是使列和列处于相同的高度。 Flex网格不假思索地做到这一点，但基于表格的网格造成了一些麻烦。

https://jsfiddle.net/Themezly/ux2ewy6v/

虽然这在其他浏览器中工作正常，但这是我在IE和FF中看到的

我试图在中间垂直对齐单元格并且“有点”将其固定在IE中，但FF不会播放球。

请注意，给定的结构使用了列入式样式，由于可能的边框和框阴影，我无法在列或行上执行overflow:hidden;。

感谢任何帮助。