Cómo centrar a alinear una tabla secundaria HTML dentro de una tabla padre a través de CSS

Question

tengo el siguiente formato de tabla HTML:

<table style="width: 100%;"> 
<tr> 
    <td> 
    //How to center this table within the parent-table cell? 
    <table style="width: 760px;"> 
    <tr> 
    <td> 
    </td> 
    </tr> 
    </table> 
    </td> 
</tr> 
</table> 

Desde HTML5 no es compatible con el 'align = center' para las tablas, soy tratando de averiguar cómo simular el 'align = center' en CSS para la subtabla en mi ejemplo anterior.

He intentado meterme con el atributo de margen de CSS en vano.

¿Cómo centro la submesa en el ejemplo anterior?

Answer 1

http://jsfiddle.net/pxfunc/XLpB9/

margin:0 auto; trabajaron en este ejemplo, probado/trabajaban en IE 7-9, FF 4, Chrome 11

Answer 2

<table style="width: 100%;"> 
<tr> 
    <td> 
    <table style="width: 760px; margin: auto;"> 
    <tr> 
     <td> 
     ss 
     </td> 
    </tr> 
    </table> 
    </td> 
    </tr> 
</table>