Google chrome Chrome中的边界半径/溢出问题

我有一个网站，使用了大量的边界半径布局。这个问题与下面截图中的工作版本（Firefox）相比（我也没有设计这个可怕的东西）

所有代码的边界半径格式相同：

border-top-left-radius: 25% 54%;
border-bottom-left-radius: 19% 54%;

我唯一能看到的是灰色框（“主区域”）边界半径实际上是由父对象控制的，所以可能是灰色背景溢出了

还请注意，Opera中也会出现相同的错误。我没有使用前缀，只是上面的css。IE9中的布局也很好

---

感谢百分比尺寸是基于默认字体大小计算的，因此请使用重置样式表或向使用百分比的选择器添加特定于浏览器的字体大小，例如：

div#container > #main > #main_area > .content > .holder {
  font-size: 10px;
}

/* Firefox reset */
@-moz-document url-prefix() {
    div#container > #main > #main_area > .content > .holder {
    font-size: inherit;
    }
}

/* IE9 reset */
@media all and (monochrome: 0) { 
   div#container > #main > #main_area > .content > .holder {
    font-size: inherit;
    } 
}

---

看不到CSS的其余部分有点难。加上你的链接不起作用，你能提供另一个吗？@brunn-对不起，更正了链接。css是相当广泛的，我不知道从哪里开始放什么，我可以粘贴我的整个css？