Hi. I need to apply PIE with border radius to a div that contains 2 more elements.



#box has radius applied to corners. but the div and img children appear above the corners, while the corners should 'mask' the children instead.

How can I solve?
In other browsers I just put an overflow:hidden, but this doesn't work in IE7/8.
Thank you.

This can't be done. You'll have to give the children a matching radius.

ok thank you. Anyway other strange things happen like the container do not always retain the real dimensions (but for example only if I refresh the page being the page scrolled). Things like that. Don't know.

There are also other strange behaviours anyway in IE7/8. I can't get it work for example for images inside LI elements, or even for LI elements sometimes.. Don't know, very strange. I played a bit with the position:relative thing but nada. No solutions.

I ended up using PIE only for really simple things and another js+images solution developed by myself..

Anyway thank you.