Posicionamiento de la imagen de fondo con background-origin CSS3

background-origin es una propiedad CSS3 que permite establecer la posicion relativa de una imagen de fondo en un elemento.

Esta propiedad es compatible con  IE9+, Firefox 4+, Opera, Chrome y Safari 5+.

background-origin  -> Para todos los navegadores compatibles.

-moz-background-origin -> Para versiones más antiguas de Firefox.

-webkit-background-origin -> Para versiones de crhome y safari

-o-background-origin -> Para versiones de Opera

background-origin: padding-box | content-box | border-box  <- Sólo una de las opciones

Ejemplo de uso de background-origin ...

 

background:
origin:	padding-box border-box content-box