doppio sfondo

[josua]

Avrei la necessita di utilizzare un doppio sfondo, mi spiego meglio:

<div id="main1">
<div id="main2">
Contenuto
</div>
</div>

#main1{
background-image: url(image/fondino_mainmenu.jpg);
background-repeat: repeat-y;
height: 48px; line-height: 48px;
}

#main2{
background-image: url(image/strip.jpg);
background-position: bottom right;
background-repeat: no-repeat;
height: 48px; line-height: 48px;
}

In poche parole devo vedere lo sfondo di main1 ma sopra devo posizionarsi il main2... Vedo il main1 ma nn il secondo come posso fare?

[nickmadison]

prova così:

#main1{
background: transparent url(image/fondino_mainmenu.jpg) repeat-y posizione-x posizione-y;
height: 48px; 
line-height: 48px;
}

#main2{
background: transparent url(image/strip.jpg) no-repeat bottom right;
height: 48px; 
line-height: 48px;
}