Creare una tabella con ombra sfumata

[GreenAngel]

Salve, sono su J3.3.1 e vorrei creare una cosa, che dovrebbe essere semplicissima.
Come da titolo mi servirebbe avere una "tabella con ombra sfumata".

Codice css:

Codice: [Seleziona]

#MIA_TABELLA
{
    border: solid 2px #000000;
    width:100%;
    margin:0px;

    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius:5px;

    box-shadow: 7px 3px #10px #c7c7c7;
    moz-box-shadow: 7px 3px #10px #c7c7c7;
    webkit-box-shadow: 7px 3px #10px #c7c7c7;
   
    padding:2px;   
}

#MIA_TABELLA_TESTA
{
    background-color: #666;
    text-align:center;
    font-weight: bold;
    padding: 10px;
    vertical-align: top;
}


#MIA_TABELLA_CORPO
{
    background-color: #287373;
    text-align:center;
    padding: 10px;
    vertical-align: top;
}

#MIA_TABELLA_CORPO_IMPORTO
{
    background-color: #666;
    text-align:right;
    right:10px;
    padding: 10px;
    vertical-align: top;
}

#MIA_TABELLA_PIEDE
{
    background-color: #000;
    text-align:center;
    font-weight: bold;
    color:#FF0;
    padding: 10px;
    vertical-align: top;
}

#MIA_TABELLA_PIEDE_IMPORTO
{
    background-color: #000;
    text-align:right;
    font-weight: bold;
    color:#FF0;
    right:10px;
    padding: 10px;
    vertical-align: top;
}


Codice html:

Codice: [Seleziona]

<table id="MIA_TABELLA">
<tbody>
<tr>
<td colspan="2" id="MIA_TABELLA_TESTA" style="text-align: left;">I soci:</td>
</tr>
<tr>
<td id="MIA_TABELLA_CORPO" style="text-align: left; width: 50%;">Ing. Benedetto Caffarelli</td>
<td id="MIA_TABELLA_CORPO" style="text-align: left; width: 50%;">Laurea in Ingegneria Civile Idraulica</td>
</tr>
<tr>
<td id="MIA_TABELLA_CORPO" style="text-align: left; width: 50%;">Ing. Gaetano Caffarelli</td>
<td id="MIA_TABELLA_CORPO" style="text-align: left; width: 50%;">Laurea in Ingegneria Civile Idraulica</td>
</tr>
<tr>
<td id="MIA_TABELLA_CORPO" style="text-align: left; width: 50%;">Dott. Camillo Caffarelli</td>
<td id="MIA_TABELLA_CORPO" style="text-align: left; width: 50%;">Laurea in Economia e Commercio</td>
</tr>
</tbody>
</table>

Allego screenshot per farvi vedere cosa esce...senza ombra 

Aggiungo link della pagina in questione, magari vi viene più facile...
http://www.sopes.biz/it/chi-siamo/cariche-sociali.html

Grazie in anticipo.

[allegato eliminato automaticamente dopo un anno]

[mau_develop]

http://forum.joomla.it/index.php/topic,242303.0.html
Prova a vedere se ti aiuta

[GreenAngel]

...si l'avevo già letto...avevo già provato a cercare prima di postare, ma in quel topic si parla di div, a me serve solo sulla tabella pura e semplice... 

[giusebos]

...si l'avevo già letto...avevo già provato a cercare prima di postare, ma in quel topic si parla di div, a me serve solo sulla tabella pura e semplice... 

puoi applicarlo anche ad una tabella, che sia un div o un td o un tr, sempre di contenitori si tratta