Posicionar el color de fondo con background-clip CSS3

background-clip es una propiedad CSS3 que permite establecer la posicion relativa del color de fondo en un elemento.

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

background-clip  -> Para todos los navegadores compatibles.

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

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

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

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

Ejemplo de uso de background-clip ...
 

background color:
clip color:	padding-box content-box border-box

Posicionar el background-color de este elemento es cuestión de un sólo click, gracias a la propiedad CSS3 background-clip