CSS3 border-radius背景重叠

Question

在圆角容器中，我希望第一个div与其他div的另一种背景颜色相同。我遇到的问题是第一个div的背景与圆角重叠。我做了一个测试来显示问题：http://www.webdevout.net/test?025问题出现在Chrome和FF中。

Answer 1

将以下行添加到box-header-bug类

border-radius: inherit;
-moz-border-radius: inherit;

更新：

border-top-left-radius: inherit;
border-top-right-radius: inherit;

Answer 2

看起来你需要给你的内部div box-header-bug一个左上角和右上角半径：

-moz-border-radius: 5px 5px 0 0;