Background y background-image

[SonrisaCs]

Buenas noches, tengo la siguiente duda, creo que es bastante tonto pero no encuentro cómo hacerlo, yo tengo el siguiente background en mi header:

Código CSS:

background: #545454;
background: -moz-radial-gradient(center, ellipse cover, #545454 0%, #2d2d2d 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#545454), color-stop(100%,#2d2d2d));
background: -webkit-radial-gradient(center, ellipse cover, #545454 0%,#2d2d2d 100%);
background: -o-radial-gradient(center, ellipse cover, #545454 0%,#2d2d2d 100%);
background: -ms-radial-gradient(center, ellipse cover, #545454 0%,#2d2d2d 100%);
background: radial-gradient(ellipse at center, #545454 0%,#2d2d2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#2d2d2d',GradientType=1 );
 

Y quiero convinarlo con una imagen de 3px x 3px con transparencia:

Código CSS:

background-image:url(back.png);
 

El tema es que si en el código pongo primero el background-image la imagen no se ve, y si pongo primero el background éste no se ve,

¿Cómo hacer para convinarlos?

Saludos y gracias!

[pzin]

Para combinarlos tendrías dos opciones.

Una sería crear dos elementos, y a cada cual le pones el fondo que quieras.

La segunda es usar fondos múltiples, que es una cosa de CSS moderno. La cosa pasa por indicarlos separados por comas:

Código CSS:

background-image: radial-gradient(...), url(algo.png);
 

Que no funcione como estás haciendo es normal, porque con uno anulas el otro ya que lo estás sobreescribiendo.