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/