Ciao ragazzi, ho un problemino che mi assila e non riesco a risolvere.

Devo applicare una cornice sopra ad una serie di immagini di dimensioni differenti e non riesco a capire dove sbaglio.
Sono arrivato a concludere che ci vogliono due DIV annidati, il primo id che contiene l'immagine, e il secondo class che contenga la cornice. Il secondo però dev'essere a sua volta composto da almeno 8 DIV al suo interno (sopra, sotto, destro, sinistro, angoli). Le parti centrali quindi (sopra, sotto, destra, sinistra) devono essere liquide in modo da adattarsi alla larghezza del DIV che le contiene (e quindi alla larghezza immagini).
Ho letto anche questo articolo

http://css.html.it/articoli/leggi/21...tto-cornice/3/

ma credo non faccia al mio caso perche la PNG deve avere le stesse dimensioni delle immagini e non si adatta in automatico a tutte le foto che ho.
Per ora, prendendo spunto da uno script in rete, sono riuscito a fare una cosa del genere ma mi sono bloccato
HTML
Codice PHP:
<div id="tabella_b">[img]foto.jpg[/img]  </div> 
CSS
Codice PHP:
div#tabella_b {     
margin-top: 1em;     
margin-left:auto;     
margin-right:auto;     
margin-bottom: 2em;     
padding:0 0 12px 0;     
text-align:center;     
z-index: 1;     
position: relative;  }  
div#tabella_b img {     
position: relative;     
top:20px;     
border: 1px solid;     
border-color: #CCC #CCC #AAA #CCC;     
padding: 7px;     
background: #f6f6f6;     
background-image:url(1.png);     
background-position: left;     
background-repeat:repeat-y;      } 
Il risultato lo trovate qui

Sapete indicarmi la strada giusta da seguire? C'e qualche nuova tecnica (compatibile anche con IE vecchi) che mi sono perso? GRAZIE a tutti quelli che mi daranno una mano