CSS3圆角图像角落在Safari/Chrome中不起作用？

Question

我很乐意在这个网站上进行攻击,在Firefox和Internet Explorer 9中进行测试,理所当然地认为Safari和Chrome会让我的CSS3很好,当我刚发现它们没有.

在FF和IE9中我看到了这个:

在Safari/Chrome中我看到了这个:

这是HTML:

<div class="container">
    <div>
        <img src="static/images/image1.jpg" alt="" />
    </div>

这是CSS:

  .container {
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
  }

我究竟做错了什么？:(

更新
请参阅我遇到的问题的一个工作示例:http://jsfiddle.net/jAsnU/3谢谢.

Answer 1

尝试:

.container img {
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
}