Supondo que eu esteja configurando uma imagem de plano de fundo para uma página da Web em CSS assim:

body    {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Verdana, Arial, Sans-Serif;
background-color: #9D5922;
color: #000;
margin-left: auto;
margin-right: auto;
margin: 0;
padding: 0; 
background: url(images/desk.gif) repeat bottom left;
}

Existe alguma maneira de colocar uma segunda imagem em cima do desk.gif no próprio elemento body, ou é a única maneira de criar uma classe separada e usar o eixo z?

Desculpe, é uma pergunta simplória, mas eu tenho tentado descobrir isso e, embora não tenha conseguido fazê-lo funcionar, também não encontrei um tapa claro da idéia em nenhum lugar on-line ... Existe uma maneira, ou isso é apenas um não pode fazer?

Obrigado!