Przepełnienie: ukryte dla zaokrąglonych granic za pomocą css3pie w IE8?

Question

mam to HTML:

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

i css:

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

SRC dla img jest ustawiony programowo w JavaScript.

Ustawienie img ma szerokość zawierającą element div. W ie9, firefox, chrome i tak dalej, sprawia to, że obraz ma zaokrąglone granice (ponieważ rogi obrazu znajdują się poza obrębem, a jest tam overflow:hidden;)

W IE8 obraz nie ma zaokrąglonych granic. Właściwość border-radius zaczyna działać (widzę ją za obrazem, jeśli robię border: solid black 1px;), ale części obrazu poza granicami nie są ukryte.

Czy jest jakiś sposób obejścia tego przy użyciu css, css3pie, javascript itp? Czy nie jest to możliwe do osiągnięcia w IE8?

Answer 1

Zastosuj border-radius do obu - div i img i powinno działać.