图像圆角

Question

我有一个包含图像的div。我希望这个div有圆角。 问题是div内部的图像比div大，我使用overflow:hidden来剪切图像因为使用jquery我减小了鼠标悬停的大小，所以现在div有圆角但我只能看到它们减小图像的大小。

    .thumb{
       float: left;
       overflow: hidden;
       width: 230px;
       height: 230px;
       position: relative;
       margin-right: 1px;
       margin-bottom: 1px;
       border-radius: 12px;
    }
    .thumb img {
       max-width: 270px;
       height: 270px;
       left: -20px;
       position: relative;
       top: -20px;
       width: 270px;
       border-radius: 12px;
   }