Выравнивание Moo Menu по центру

Добрый день, такая проблема:
На сайте есть главное горизонтальное меню. По умолчанию оно выравнивается по левому краю, независимо от того сколько пунктов меню создано. В конце же остается некрасивый никому не нужный огрызок, избавиться от которого я не могу (в силу своей безграмотности). За выравнивания этого самого меню отвечает (вроде бы как):

#ja-cssmenu {
margin: 0; /* all lists */
padding: 0;
float: left;
}
Проблема в том, что float невозможно выровнять по центру. Если значение поставить right, огрызок соответственно переезжает влево. Думал избавиться от огрызка добавив пикселей в padding:

#ja-cssmenu li a {

display: block;
text-decoration: none;
line-height: 32px;
padding: 0 32px;
color: #C3DBED;
font-size: 100%;
font-weight: bold;
border-right: 1px solid #2B6484;
}

Пиксели добавились, но место все равно остается. Стоит поставить значение 33 px и некоторые пукты меню просто переезжают на следующую строку, не помещаясь на первой. Да и еще и кроссбраузерность, чтоб ее..., так просто не угадаешь.
Задача же состоит в том, чтобы или вообще огрызок убрать и выровнять соответственно меню по центру экрана, пусть оно даже будет немного короче логотипа и тела или разделить огрызок на две части, чтобы по небольшому кусочку было справа и слева, а пункты меню, соответственно, выровнялись по центру, а не по правому или левому краю.
Очень прошу вашей помощи по этому делу.

 

есть еще и такое позиционирование как маргин, для того что бы центрировалось надо margin:0 auto;