CSS居中內嵌navia

我有一個問題居中我爲我的班級創建的導航菜單，我試過所有文本對齊，margin-left/margin-rgiht，居中它在html等。每個站點，我發現告訴我餘裕：自動;和margin-right：auto;但那不起作用。這是我需要自動在頁面上居中的菜單。CSS居中內嵌navia

<div class="menu"> 
<ul> 
    <li><a href="index.html">Home</a></li> 
    <li><a href="artwork.html">Artwork</a> 
     <ul> 
      <li><a href="#">Pencil</a></li> 
      <li><a href="#">Pastel</a></li> 
      <li><a href="#">Color Pencil</a></li> 
      <li><a href="#">Charcoal</a></li> 
      <li><a href="#">Digital</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Projects</a> 
     <ul> 
      <li><a href="#">74 Duster</a></li> 
      <li><a href="#">The "Beast"</a></li> 
      <li><a href="#">Darkness and Hope</a></li> 
     </ul> 
    </li> 
    <li><a href="#">About</a> 
     <ul> 
      <li><a href="#">Who I am and why it matters</a></li> 
      <li><a href="#">Contact Me</a></li> 
     </ul> 
    </li> 
</ul> 
</div>

這裏是它的CSS：

.menu { 
margin-right:auto; 
margin-left:auto; 
max-width:700px; 
display:inline-block; 
padding:0px; 
font-size:14px; 
font-weight:bold; 
text-align:center; 
} 

.menu ul { 
width:700px; 
background:#333333; 
height:35px; 
list-style:none; 
margin:0; 
padding:0; 
text-align:center; 
} 

.menu li { 
width:175px; 
text-align:center; 
float:left; 
padding:0px; 
} 

.menu li a { 
background:#333333; 
color:#cccccc; 
display:block; 
font-weight:normal; 
line-height:35px; 
margin:0px; 
padding:0px 25px; 
text-align:center; 
text-decoration:none; 
} 

.menu li a:hover, .menu ul li:hover a { 
background: #2580a2; 
color:#FFFFFF; 
text-decoration:none; 
} 

.menu li ul { 
display:none; 
height:auto; 
padding:0px; 
margin:0px; 
border:0px; 
position:absolute; 
width:175px; 
z-index:200; 
} 

.menu li:hover ul { 
display:block; 

} 

.menu li li { 
display:block; 
float:none; 
margin:0px; 
padding:0px; 
width:175px; 
} 

.menu li:hover li a { 
background:none; 
} 

.menu li ul a { 
display:block; 
height:35px; 
font-size:12px; 
font-style:normal; 
margin:0px; 
padding:0px 10px 0px 15px; 
text-align:left; 
} 

.menu li ul a:hover, .menu li ul li:hover a { 
background:#2580a2; 
border:0px; 
color:#FFFFFF; 
text-decoration:none; 
}

任何幫助將不勝感激，或者如果你知道一種居中整個網頁和規模的內容向觀衆決議，很棒。

來源

2013-04-16 Fractal Fear