Centrer menu CSS

ul {
 padding:;
 margin:0 auto;
 list-style-type:none;
 margin-left:3px;
 text-align: center;
 }
li {
 margin-left:2px;
 float:left; /*pour IE*/
 display: inline;
 }
ul li a {
 float:right;   
 width:218px;
 height:178px;
 background-image:url(menu/cadre.png);
 color:white;
 text-decoration:none;
 text-align:center;
 padding:5px;
 font-size:36px;
 color:#FF8000;
 margin-right:-2px;
 line-height:178px;
 display: inline-block;
 text-align:center;
 }
ul li a:hover {
 background-color:#09F;
 color:#09F;
 } 

<p><center><ul>
 <li><a href="#">Accueil</a></li>
 <li><a href="#">Menuiserie</a></li>
 <li><a href="#">Vérandas</a></li>
 <li><a href="#">Stores</a></li>
 <li><a href="#">Volets</a></li>
</ul>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p><br />
      Site optimisé pour Mozilla Firefox et Adobe Flash Player.<br />
        </p>
      </center>
      </p>