ustalar stiyle.css hakkında bi yardım

Şimdi chanel temasında alt kategorileri açılır menü olarak yapmışlar.

Bence css dosyasından csslerini aldım aşağıdaki kodlar

/*******************
*	MENU		   *
********************/
#menu {
	background: #fff;
	height: 28px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 3px solid #cc0000;
}

#menu ul {
	float: left;
	list-style: none;
	margin: 0 0 0 1px;
	padding: 0;
}

#menu li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	border-right: 1px solid #ddd;
}

#menu ul li {
	margin: 0 0 0 -1px;
	padding: 0;
	list-style: none;
	border-right: 1px solid #045;
}

#menu li a, #menu li a:link, #menu li a:visited {
	margin: 0;
	padding: 8px 12px 7px 12px;
	color: #000;
	display: block;
	font-size: 13px;
}

#menu li a:hover, #menu li a:active {
	background: #cc0000;
	margin: 0;
	padding: 8px 12px 7px 12px;
	color: #fff;
	display: block;
	text-decoration: none;
	border-bottom: none;
}

#menu li li a, #menu li li a:link, #menu li li a:visited {
	background: #fff;
	width: 130px;
	float: none;
	margin: 0;
	padding: 8px 12px 7px 12px;
	color: #000;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#menu li li a:hover, #menu li li a:active {
	background: #cc0000;
	color: #fff;
	padding: 8px 12px 7px 12px;
}

#menu li ul {
	z-index: 9999;
	position: absolute;
	height: auto;
	width: 155px;
	margin: 0;
	padding: 0;
	left: -999em;
}

#menu li li {
	border: none;
}

#menu li ul a {
	width: 120px;
}

#menu li ul a:hover, #menu li ul a:active {
}

#menu li ul ul {
	margin: -29px 0 0 156px;
	border: none;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
}

#menu li:hover, #menu li.sfhover {
	position: static;
}

Birde aşağıdaki kodları header.php'den aldım ve hepsini gerekli yerlere ekledim

<div id="menu">
  <div class="left">
    <?php wp_list_categories('title_li=&orderby=id'); ?>
  </div>
  <div class="right"> </div>
  <!--end: right-->
</div>
<!--end: menu-->

Şimdi eklediğim sitemiz bu. Burada da göründüğü gibi menümüz sola dayalı durmakta bunu temaya uygun hale nasıl getirebilirim. eğer gelmiyorsada sitede ortalı halde nasıl gösteririrm.

Bi çözüm yokmu arkadaşlar.

header.php'ye eklediğin kısmı eklemeden bir tablo içerisine ekleseniz ve tabloyu ortalı yapsanız acaba faydası olur mu?
css bilgim çok yok. bu şekilde bir önerim olacak.

#menu { 
    background: #fff; 
    height: 28px; 
    margin: auto; 
    padding: 0;
    width:980px; 
    border-top: 1px solid #f0f0f0; 
    border-bottom: 3px solid #cc0000; 
}

olarak denermisin birde.

Yok maalesef kâr etmiyor.

Ekledim boyunu kısalttı ama hala sola yaslı duruyor.

margin: auto;

bunu

margin: 0px auto 0px auto;
bu şekilde değiştir.

Teşekkürler arkadaşlar şimdi oldu.