FireFox中的内联块与边界重叠，而不是溢出

Question

我在FireFox渲染中遇到了问题，我没有在其他浏览器中使用。我有一个可通过colResisable插件调整大小的表格单元格。在我的第二个单元格中，我有两个div，一个包含无序列表，另一个包含表格。我不确定这些div的内容是否重要。

这两个div都被设计为内联块。为了防止第二个内联块落在第一个下面，父级已经为空白空间进行了现在的处理。我的意图是，内容会用滚动条溢出父TD。

这可以在IE，Safari和Chrome中正常工作，但是在FireFox中，内容与父项的边界重叠。

这里有两张截图显示的区别：

我有一个JSFiddle近似这种行为，但我不能完全得到它一样。希望有人会看到这一点，并知道发生了什么。

Answer 1

你可以改变display: inline-block到float: left：

#content_1, #content_2 { 
    ... 
    float: left; 
    ... 
} 

工作例如：http://jsfiddle.net/xVNae/24/

---

如果你想保持 display: inline-block尝试改变量变到质变 border-collapse到 inherit为 table：

table { 
    border-collapse: inherit; 
} 

工作示例：http://jsfiddle.net/xVNae/25/