Problema sull'applicare z-index

[luckino69]

Ciao a tutti, ho un piccolo problemadi visualizzazione che pensavo si potesse risolvere con z-index.
Allego foto di quello che ottengo ora applicando al div i seguenti effetti:

#descrizione {
    width: 720px;
    background: #eeeeee;
    margin-left:82px;
    border: 1px solid #c9c9c9;
    clear:both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    clear:both;
    -moz-box-shadow:0px 0px 10px #333;
    -webkit-box-shadow:0px 0px 10px #333;
    box-shadow:0px 0px 10px #333;
} 

nel mio caso specifico, il box-shadow che mi serve per creare un effetto ombra al div.
La scritta "descrizione" in alto l'ho creata così:

       <table class="tabella2">
            <caption>DESCRIZIONE</caption>
        </table>

il css:

table.tabella2 caption {
 	width: 120px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
 	margin-left: 40px;
 	padding: 5px;
 	text-align: center;
 	color: #FFFFFF;
 	background: #cc2858 url('../Img/icone.png');
	clear:both;
}

il mio problema è questo, anche se applico lo z-index alla tabella, l'ombra del div è sopra la scritta.
Mi potrebbe stare bene se non fosse che ho una tabella all'inizio, con la medesima grafica, ed applicando il box-shadow alla tabella completa il caption mi rimane sopra l'ombra.
C'è un modo per poter risolvere questo problema?
Spero di essermi spiegato...
Grazie ciao