проблема с выравниванием меню

[slo_nik]

Добрый вечер.

Есть сайт

Проблема с нижним меню в футере, в белой рамке.

Надо выравнять по центру, чтобы не съезжало влево.

И проблема эта в Google Chrome и в padding, который пытаюсь установить между пунктами меню.

Если сделать чтобы в Mozilla и Opera отображалось нормально, то в Chrome съезжает влево(не хватает padding), и наоборот, если

сделать, чтобы в Chrome всё было нормально, то в Mozilla и Opera меню переходит на вторую строку(значение padding большое).

Перепробовал кучу вариантов, но ни один не подошёл, ни как не могу понять, как всё сделать нормально.

Помогите пожалуйста.

Edited June 22, 2012 by slo_nik

[sammasati]

.sitemap {
text-align: center; ? добавить
}

.sitemap .item {
float: left; ? удалить
vertical-align: -1px; ? добавить
line-height: 20px; ? добавить
}

.sitemap .brd {
float: left; ? удалить
display: inline-block; ? добавить
}

[slo_nik]

.sitemap {
text-align: center; ? добавить
}

.sitemap .item {
float: left; ? удалить
vertical-align: -1px; ? добавить
line-height: 20px; ? добавить
}

.sitemap .brd {
float: left; ? удалить
display: inline-block; ? добавить
}

ситуация не изменилась.

Проблема в

.sitemap .brd{
margin: 0 21px; /* для Google Chrome */
margin: 0 7px; /* для Mozilla */
}

а вот как найти середину в этом случае?

В google chrome при значении 21px всё отлично, но в mozilla меню переходит на вторую строку.

в mozilla при значении 7px всё отлично, но в google chrome уходит влево.

Edited June 22, 2012 by slo_nik

[sammasati]

Там не нужны маргины. Достаточно блоку-контейнеру задать text-align: center; а дочерним блокам display: inline-block; и все выровняется по центру.

[slo_nik]

Там не нужны маргины. Достаточно блоку-контейнеру задать text-align: center; а дочерним блокам display: inline-block; и все выровняется по центру.

надо сделать отступы слева и справа от .brd(вертикальная черта), вот именно с этим проблема, так же надо чтобы левый и правый пункты меню прижимались к левой и правой границе блока соотвественно

[sammasati]

А в первом посте другое написано:

Надо выравнять по центру, чтобы не съезжало влево.

[slo_nik]

А в первом посте другое написано:

Надо выравнять по центру, чтобы не съезжало влево.

обновил стили на сервере, посмотрите пожалуйста, проверял в двух указанных выше браузерах.

Разница есть.

Скорей всего я ввёл Вас в заблуждение...

Надо чтобы меню шло от левого до правого края, по всей длине белой рамки.

Edited June 22, 2012 by slo_nik

[Catherine]

Не это ли решение Вы ищете?

[slo_nik]

Не это ли решение Вы ищете?

возможно, прочитаю, тогда будет понятно, то или нет.

В любом случае благодарю за ссылку.

Как выравнять не проблема, а вот как это сделать кроссбраузерно - вопрос. Пока что не добился для mozilla и chrome сделать одинаково...

Надеюсь Ваша ссылка поможет мне.