Background Origin with Border Radius

Each container is 100px in height and has a border and padding of 25px equaling all together 200px. The border-radius is 100px so each end should be perfectly rounded.

1. background-origin: border
2. background-origin: padding
3. background-origin: content

Safari 3 (WebKit) and Firefox 3.5 (Gecko) currently supports all properties (some with vender-prefix). IE9 and Opera do not support background-origin.

Please see CSS3 Backgrounds and Borders Module.