Colors CSS-边框半径：背景图像颜色不'；不合适

我有一个HTML和CSS的标题菜单。垂直菜单的左端和右端应具有圆形边框和不同的背景图像。如果没有圆角边框功能，它可以正常工作（菜单的右端）如下所示：

当我在css中添加“border radius:”功能时，问题就出现了：

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

现在，示例如下所示：

正如你在这里看到的，满版菜单背景（从左到右）和右部分背景之间的颜色不匹配（原因不明，只在底部）。我已经用Firefox 22、Safari 6和IE 10测试过了，结果都是一样的

有人知道为什么会发生这种情况以及如何解决吗

---

谢谢你

也许你会保留这种解决方案。

---

否则-您也可以使用img作为拐角实现圆角…

谢谢您的回答！我自己做了一个JSFIDLE并找出了问题的原因：

以下是JSFIDLE：

问题是，我在菜单下面有一个20px的div容器。这个div有一个50px的阴影

-moz-box-shadow: 0 0 50px #000;
-webkit-box-shadow: 0 0 50px#000;
box-shadow: 0 0 50px #000;

---

如果我添加这个阴影，菜单背景和菜单背景的左侧部分会受到不同的影响。

你的帖子看起来很奇怪，你能提供一个完整的工作示例（JSFIDLE）吗？试试背景大小：100%Btw，什么是“菜单”？