Overflow 边界半径与绝对位置图像（无重叠）

我有一个内线和内线。我的问题是：外部div得到了边界半径和溢出：隐藏。这些图像比其父图像宽。但是溢出：隐藏可以很好地隐藏图像的其余部分。只有边界半径不适用于图像。为什么?

我的HTML结构：

<div class="teaser-container tc1-sidebar">
<a href="#"> 
<img class="teaser-image bottom" src="dist/img/teaser/bigteaser-bonus-hover.jpg" alt="teaser"><img class="teaser-image top" src="dist/img/teaser/bigteaser-bonus.jpg" alt="teaser">
</a>
</div>

内部的CSS：

position: absolute;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

谢谢你的帮助

---

看看我的问题：

看看这是否有效简单的解决方法

CSS---

HTML

---

如果您希望图像出现在那里：）

请给出类的确切名称或创建一个JSFIDLE

position: absolute;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

    .box-s1 {
    width: 360px;
    height:360px;
    border: 1px solid #515355;
    margin: 10px 0px 10px 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 60px;
    background: url('http://weirdmovievillage.files.wordpress.com/2010/12/dexter-main-iamge1.jpg');
}

 <!-- 
* basic problem: image is wider than box. 
* round-corners don't grip 
-->

<div class="teaser-image-box box-s1 tib-ef1">

</div>

display:none