Html 镀铬边框半径和背景色

类似的问题。这是小提琴：

我想要有特定背景（白色）和圆形边框的桌子。在chrome中，只有边框可以正常工作，边框带有颜色-不工作

Firefox/IE输出：1、2和4个表格带有圆角边框，3个表格带有圆角边框

Chrome输出（最新版本，32.0.1700.14 beta-m Aura）：1张桌子有圆形边框，2张和4张桌子根本没有边框，3张桌子有角落边框

FF输出是预期的行为，问题在哪里

HTML:

从

.List.BG.Col {
    border-collapse: collapse;
}

到

---

这正是.List.BG.Sep所展示的：在FF和Chrome中，“塌陷”使边框变为角落，但在FF中“分离”（我认为这是默认设置）具有圆形边框（正如预期的那样），而在Chrome中，边框变为非圆形。

.List {
    border: 1px solid #000;
    border-radius: 10px;
}
.List.BG {
    background-color: white;
    /* border-collapse: separate; is default */
}
.List.BG.Col {
    border-collapse: collapse;
}
.List.BG.Sep {
    border-collapse: separate;
}

.List.BG.Col {
    border-collapse: collapse;
}

.List.BG.Col {
    border-collapse: separate;
}