CSS border radius will contain inner elements unless position is added

I have noticed a problem with CSS3 rounded corners. They contain inner elements perfectly but when the container has a position:relative applied to it they no longer contain elements. I have set up 2 fiddles to explain.

This has the container set to position:relative

http://jsfiddle.net/abqHE/12/

This one isn't.

http://jsfiddle.net/abqHE/11/

You can see that we have a rounded container only when position is not applied. The problem is th开发者_如何学Goat we need to use positioning. Any ideas how to fix this.

Marvellous