Re: border-radius on replaced elements

Brad Kemper wrote:
> 
>> I've added a non-normative note saying
>>  It is recommended that the UA stylesheet apply overflow: hidden to
>>  elements (such as the <img> element in HTML) that are expected to be
>>  replaced elements so that their corners automatically trim to the
>>  border radius.
>>
>> I can make this normative if you like.
> 
> I think this should only be if the element with border radius also has 
> non-visible overflow. Otherwise, if the image is larger than the box, 
> there will be an odd shape in those corners missing from the visible 
> overflow.
> 
> Also, if the box is set to non-visible overflow, it should clip any 
> contents at the rounded corners, including text.
> 
> I created a  sort of test case using webkit-prefixed properties here:
> 
> http://bradclicks.com/cssplay/radiusTrim.html
> 
> The fourth and fifth examples would be effected by the note in the 
> draft, with the forth one looking like it does with background-image, 
> but the fifth would look odd.

I'm only saying the img element itself should get 'overflow: hidden',
not any elements surrounding it.

~fantasai