collocare uno sfondo su un'immagine

[pierofix]

Qui credo sia necessario utilizzare un po' di markup non semantico, o meglio, leggermente di troppo. L'idea è prevedere un paragrafo come contenitore dell'immagine, alla quale associare uno <span> (vuoto) fratello.

<p class="polaroid">
   <span></span>
   [img]colosseo.jpg[/img]
</p>

Ora, basterà posizionare lo span su un piano (z-index) rialzato rispetto all'immagine, applicando ad esso uno sfondo, ovvero la cornice (una gif bucata nel mezzo) :

.polaroid
{
   position:relative;
}
.polaroid,
.polaroid *
{
   width:400px; height:300px; /* Dimensioni immagine */
}
   .polaroid span
   {
      position:absolute; top:0, left:0;
      display:block;
      z-index:1;
      background-image:url('cornice.gif');
   }

Non ho mai provato, ma dovrebbe funzionare. Facci sapere.