Dos imagenes en un div con size diferentes

[TrinityCore]

Hola, muy buenas a todos.

Veran, estoy intentando colocar dos imagenes en un mismo contenedor de esta manera:

Código CSS:

#elemento{
background:url('RUTA') top left no-repeat, url('RUTA') center center no-repeat;
}
 

Pero claro, si luego yo uso el background-size:100% 100%; esto me lo colocara a las dos imagenes, y lo que busco es que yo pueda colocarles un background-size diferente a cada imagen dentro de ese contenedor.

Espero haberme explicado bien, asi que espero sus respuestas.

Gracias de antemano!

[Rafael]

Revisa un poco más de multiple backgrounds css:

https://developer.mozilla.org/es/doc...le_backgrounds

http://www.w3schools.com/css/css3_backgrounds.asp

Básicamente separa por comas las dimensiones.

Código CSS:

background-size: 50px, 130px, auto;