ho un div contenitore centrato nella pagina:
codice:
#main {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    text-align: center;
    height: 100%;
    width: 700px;
}
dentro a questo nella parte alta ho un div per il menu con tre li:
codice:
<div id="ddtopmenubar" class="mattblackmenu">
    <ul>[*]Home[*]Portfolio[*]Contact me[/list]
</div>
nn riesco a centrarlo, è sempre spostato leggermente a destra.
vi posto il css originale:
codice:
#ddtopmenubar {
    margin: auto;
    width: 350px;
    text-align: center;
}

.mattblackmenu ul {
    margin: 0;
    padding: 0;
    font: bold 12px;
    font-family: Tahoma, sans-serif;
    list-style-type: none;
    background-color: #191919;
    overflow: hidden;
    width: 100%;
}

.mattblackmenu li {
    display: inline;
    margin: 0;
}

.mattblackmenu li a {
    float: left;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 6px 8px; /*padding inside each tab*/
    color: #BABABA;
    background-color: #191919;
}

.mattblackmenu li a:visited {
    /*    color: white;*/
    color: #BABABA;
    text-decoration: none;
}

.mattblackmenu li a:hover {
    /*    background: black; background of tabs for hover state */
    color: #BABABA;
    text-decoration: none;
}

.mattblackmenu a.selected {
    /*    background: black; background of tab with "selected" class assigned to its LI */
    color: #BABABA;
    text-decoration: none;
}
ho provato in diversi modi ma senza successo.