I receive this question relatively often: "how to center a menu generated with css menu generator". Well, here are 2 examples - one for centering the menu on page and one for centering menu items. For both examples -- I am using simple menu saved directly as xhtml file.

A) centering the menu on page

 1) Put the menu in new DIV container (in this example - container class="wrapper"):

 <div class="wrapper">
<div class="pd_menu_01 ">
<ul>
...
</ul>
</div>
</div>

 2) in the css section, add this code to center the wrapper div:

.wrapper {
width: 80%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

To see the full code of this centered css menu example, just use the "View Code" option of your browser :)