centrere tabel i tabel

Jeg er ikke så trænet i CSS, så jeg begriber ikke lige hvorfor indretabel ikke centreres i ydretabel?


<style>
   
.ydretabel {
    Background-image    : url(grafik/10x9outergray.gif);
    Background-repeat    : repeat-x;
    Background-color    :    #ececec;
    Border                        : 0px;
    Height                        : 9px;
    Margin                        : 0px;
    Padding                        : 0px;
    Width                            : 100%;   
}

.indretabel {
    Background-image    : url(grafik/10x9gray.gif);
    Background-repeat    : repeat-x;
    Background-color    :    #FFFFFF;
    Border-left                :    1px SOLID #b0d4f7;
    Border-right            :    1px SOLID #b0d4f7;
    Height                        : 9px;
    Margin                        : 0px;
    Padding                        : 0px;
    Text-align                : center;
    Width                            : 976px;
}
   
</style>

<table class="ydretabel" >
    <tr>
        <td >
           
            <table class="indretabel" >
                <tr>
                    <td >
                    Denne tabel skal centreres i den ydre tabel
                    </td>
                </tr>
            </table>
       
       
        </td>
    </tr>
</table>