Wyśrodkowanie menu w szablonie portal

Witam, chciałbym wyśrodkować elementy menu poziomego (górnego) w szablonie Portal. Standardowe sposoby dokonania tego opisane w internecie niestety nie działają – zmiana text-align na center zmienia jedynie ułożenie tekstu w elementach menu rozwijanego (tych które pokazują się po najechaniu na daną kategorię), zaś ustawienie margin 0 auto czy margin auto nic nie daje. Tak wygląda kod css menu w tym szablonie:

/*-[ Navigation ]-----------------*/
.secondary-navigation .children li .sf-sub-indicator { display: none }
.secondary-navigation {
    display: table;
    margin: 0 auto;
    float: left;
    height: 39px;
    width: 100%;
}
.secondary-navigation ul li { }
.secondary-navigation a {
    font-size: 13px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    padding: 10px 14px;
    font-weight: bold;
}
.secondary-navigation a .sub {
    font-size: 11px;
    font-weight: normal;
    font-family: arial;
    color: #9B9B9B;
}

Jedyną zmianę jaką udało mi się wywołać była zmiana ustawień width, niestety on musi być ustawiony na 100% gdyż menu leży na czarnym bloku które musi rozciągać się na całość strony (inaczej wygląda to bezsensownie), a zmiana szerokości tego atrybutu go „ucina”. Chcę żeby wyśrodkować jedynie elementy menu w ramach tego bloku.

Z góry dzięki za pomoc 🙂