Корректировка размещения и дизайна верхнего меню

В оригинале рамка меню распологается вокруг всего меню, нужно чтобы она располагалась вокруг только пунктов меню, чтобы не было рамки вокру пустого поля. И нужно чтобы меню было по центру.
Можно конечно строго задать ширину меню и тогда все просто. Но нужно чтобы была возможность изменять количество пунктов меню

 

Ответ: Корректировка размещения и дизайна верхнего меню

а потом 2ое 3ье 4ое... поражаюсь.. и все это на стандартном шаблоне

 

Ответ: Корректировка размещения и дизайна верхнего меню

Поправь в body или контейнере в котором само меню сидит, чтобы посередине отображалось.

 

Ответ: Корректировка размещения и дизайна верхнего меню

дк вот тут то и вся проблема, по скольку число пунктов меню динамическое получается такая вот ерунда

кусок ccs

#topmenu {
width:550px;
margin: 0 auto;
}

 

Ответ: Корректировка размещения и дизайна верхнего меню

width:550px; - а это зачем вообще

 

Ответ: Корректировка размещения и дизайна верхнего меню

это примерное число пикселей чуть больше длинны меню... просто нужно чтобы меню было строго по середине без вылезающих рамок с пустыми полями как на картинке, меню вззято из стандартного шаблона rhuk_solarflare_ii

 

Модуль верхнего меню выводит код через таблицу с параметром width=100%, поэтому менюха занимает всю доступную ширину.
Мне помогло добавление в css следующих строк:
#topmenu table {
width:auto;
}
+ я добавил вывод по центру слоя, содержащего меню.
После этого верхнее меню стало по центру.