オーバーフロー：IE8でcss3pieを使用して丸みのあるボーダーのために隠されていますか？

Question

私はこのHTMLを持っています：

<div id="micrositePhotoDiv"> 
    <img id="micrositePhoto" /> 
</div> 

とcss：

#micrositePhotoDiv { 
    overflow:hidden; 
    @include border-radius(10px); 
    behavior: url(PIE.htc); 
} 

imgのsrcはプログラムでjavascriptで設定されています。

imgはdivを含む幅に設定されています。 ie9、firefox、chromeなどでは、画像の角が丸みを帯びているため（画像の角が境界線の外にあり、overflow:hidden;があるため）

IE8では、画像に丸みのある境界線がありません。 border-radiusプロパティが有効になります（border: solid black 1px;を実行すると画像の後ろに表示されます）が、境界線の外側の画像の部分は隠されません。

css、css3pie、javascriptなどを使ってこれを回避する方法はありますか？ IE8でこれを実現することはできませんか？

Answer 1

border-radiusをdivとimgの両方に適用するとうまくいくはずです。