Problema con centramento div

[fermat]

ho un div contenitore centrato nella pagina:

#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:

<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:

#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.

[RupiWebDesigner]

Devi modificare gli attributi dell'elemento "ddtopmenubar" nel CSS.
Tu li hai specificato text-align: center, ma funziona solo internamente al div.

Prova ad inserire:

margin-left: auto;
margin-right: auto;

tra gli attributi di "ddtopmenubar" nel CSS, ti si dovrebbe centrare.

[fermat]

bhe c'è già:
margin: 0;

nn vale per tutti i lati?

[RupiWebDesigner]

Io parlavo dell'elemento ddtopmenubar,
non è quello che devi centrare?

[fermat]

si si è quello e già ho messo questo:

#ddtopmenubar {
    margin: auto;
    width: 350px;
    text-align: center;
}

[RupiWebDesigner]

E' vero scusami, non avevo visto bene.
Comunque può essere che è spostato leggermente a destra forse perche il body supera in larghezza la risoluzione del browser, per caso ti compare uno scroll orizzontale in basso?
E' la prima cosa che mi verrebbe in mente, perchè il margin: auto; sarebbe sufficente alla centratura.

[fermat]

no niente in barra in basso.

cmq ho ""risolto"" ridimensionando il div.
diminuendone la misura si è centrato (o almento sembra).
nn so, forse il problema è la lista orizzontale che c'è dentro.