CSS 边框半径不修剪 Webkit 上的图像

我无法弄清楚为什么在使用 chrome 而不是 firefox 或 ie9 时，border-radius 从我的 #screen 元素中消失了？

我有每个浏览器的所有不同前缀加上标准边框半径：

www.cenquizqui.com

保存图片的上部内容框，称为#screen

屏幕CSS的复制粘贴：

#screen {background: none repeat scroll 0 0 #EEEEEE;
    display: block;
    height: 300px;
    position: relative;
    width: 960px;
    overflow:hidden;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;}

是因为 chrome 不能正确处理图像的“修剪”吗？我认为这只是当你在圆角容器内有实际标签时才出现问题，而不是当 img 通过 css 被称为背景图像时。

问候 坎波斯

以下是修复当前 chrome 错误的解决方法：

.element-that-holds-pictures {
   perspective: 1px; /* any non-zero value will work */
}

这根本不会影响显示（与opacity:0.99解决方法 - 顺便说一句，这也是很好的解决方法）。