Bonjour à tous, je suis en train d'installer un tableau extensible avec coin arrondi et je souhaiterai le centrer sur ma page tout en gardant sa propriété extensible automatique

Voici je que j'ai actuellement:

http://finalfantasymadness.ifrance.c...fantasy_I.html

Le script css:

/*Tableau coins arrondis */
/*------------------------------------------------------------------*/
/*Couleur et Typographie*/
#body_tableau_arrondis {
font: 1em black verdana, sans-serif;
background-color: white;
}

/* taille du cadre, à titre d'exemple */
#cadre {
width: 15em;
background-color: #6599FF;
}

/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}

/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(img/hautgauche.gif);
}

#hautdroit {
float: right;
background: url(img/hautdroit.gif);
}

#basgauche {
background: url(img/basgauche.gif);
}

#basdroit {
float: right;
background: url(img/basdroit.gif);
}

#contenu p {
color: #858585;
margin: 0.5em; /*gestion des espaces interparagraphes */
}
<!--Content contenu -->

<div id="content">

<h3 align="center"> <img src="../Images/logos/logo_ff1.png" alt="&lt;logo_final_fantasy_1&gt;" width="240" height="74" id="logo_ff1" /></h3>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div align="center">

<!--Sommaire Final Fantasy I-->

</div>
<div id="cadre">
<div id="hautdroit"></div><div id="hautgauche"></div>
<div id="contenu">
<p align="center"><a href="genese_final_fantasy_I.html">Genése du jeux</a></p>
<p align="center"><a href="histoire_final_fanatsy_I.html">Histoire</a></p>
<p align="center"><a href="personnages_final_fantasy_I.html">Personnages</a></p>

<p align="center">Solution</p>
<p align="center">Artworks</p>
<p align="center">Wallpapers</p>
</div>
<div id="basdroit"></div><div id="basgauche"></div>
</div>
<p>
</div>


<!--Fin de #content -->
Mais dés que je mets l attribut center ça foire les arrondis haut et bas côté gauche se mettent au milieu du tableau

Comment puis je faire pour centrer mon tableau?

Merci par avance

>>>Edit j'ai trouvé la solution pour centrer, dans vos tutos en css à cette page: http://xhtml.developpez.com/faq/?page=tableaux

Mais comme il est dit en css cela s'applique à tout les tableaux eb relation avec le même scripte ou utilisé des classes ou des identifiants, comment puis je faire cela?