Html 固定背景图像，使其适合圆角

有没有办法修复背景图像，使其不超出圆角的边界？

最好是纯CSS解决方案

代码如下：

<style>
div {
border-radius: 30px;
background-color: #dddddd;
margin:60px;
}

a{
position: relative;
display: block;
height: 90px;
padding: 15px;
background-image: url("http://dl.dropboxusercontent.com/s/stsc2r2vqd1y6ps/lab.png");
background-position: 0 top;
background-repeat: repeat;
}
</style>
<div><a href="#">some text</a></div>

div{
边界半径：30px；
背景色：#dddddd；
利润率：60像素；
}
a{
位置：相对位置；
显示：块；
高度：90px；
填充：15px；
背景图像：url（“http://dl.dropboxusercontent.com/s/stsc2r2vqd1y6ps/lab.png");
背景位置：0顶部；
背景重复：重复；
}

发生这种情况是因为您没有阻止内部内容溢出分隔器的边界。要解决此问题，只需将

溢出：隐藏
添加到
div
：

div{
...
溢出：隐藏；
}
发生这种情况是因为您没有阻止内部内容溢出分隔器的边界。要解决此问题，只需将
溢出：隐藏
添加到
div
：

div{
...
溢出：隐藏；
}
将背景图像应用于您的div容器，我已经修改了您的JSFIDLE：

div {
border-radius: 30px;
background-color: #dddddd;
background-image: url("http://www.moveoneinc.com/blog/wp-content/uploads/2011/12/Dog-2.jpg");
background-position: 0 top;
background-repeat: repeat;
margin:60px;
}

a{
position: relative;
display: block;
height: 90px;
padding: 15px;
}

你的另一张照片不起作用，所以我改了。。
编辑：有人在1秒前找到了我，我认为溢出解决方案也是有效的：）
将背景图像应用到您的div容器，我修改了您的JSFIDLE：

div {
border-radius: 30px;
background-color: #dddddd;
background-image: url("http://www.moveoneinc.com/blog/wp-content/uploads/2011/12/Dog-2.jpg");
background-position: 0 top;
background-repeat: repeat;
margin:60px;
}

a{
position: relative;
display: block;
height: 90px;
padding: 15px;
}

你的另一张照片不起作用，所以我改了。。
编辑：有人在1秒前抓住了我，我认为溢出解决方案也是有效的：）