Cornice interna semitrasparente

[z3n]

Ciao a tutti,
vorrei creare una cornice semitrasparente in una div, che contiene un'immagine 200px * 200px, ho provato a settare la cornice (un file png) come immagine background e assegnare alla div uno z-index basso, come mostrato in seguito ma il risultato è stato pessimo.
html:

<div id="tdprova"> <img id="imgprova" src="9.jpg" alt="9"></div>

css:

#tdprova{
    width:200px;
    height:200px;
    background-image: url("cornice.png");
    z-index: 100;
}


#imgprova{
    z-index: -9998;
}

praticamente vorrei che la cornice fosse in primo piano, e l'immagine, inserita nell'html in primo ma non riesco ad ottenere il risultato voluto (senza l'immagine dell'html, la cornice viene caricata correttamente, ma quando inserisco l'immagine ottengo l'effetto opposto: immagine in primo piano e cornice dietro che non si vede).
Qualche idea? Grazie in anticipo