css - CSS3 トランジションを使用したオーバーフローの問題

Question

以下の JsFiddle に表示される小さなアニメーションを実行しようとしています。

しかし、ご覧のとおり、アニメーション中に境界線の半径が機能しません...

それに対する修正はありますか？

http://jsfiddle.net/toroncino/V4V97/

これが私のコードです：

a {
    border-radius: 10px;
    display: inline-block;
    height: 300px;
    overflow: hidden;
}

a img {
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    width: 100%;
    height: 100%;
}

a:hover img {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}