CSS3 border-radius clipping issues

Question

I have a div with border-radius set to some value (let\'s say 10px), and a nested div that is the full width and height of its parent.

&l         


        

Answer 1

If you remove position: relative; on both elements the outer element clip the child around the rounded corners. Not sure why, and if it is a bug.