Проблема с вертикальным меню

[megahawk]

в Joomle добавлял меню через админку
в Firebag(HTML) код следующий
<li class="parent item8">
<a href="/index.php?option=com_content&view=article&id=11&Itemid=8">
<ul id="na1">
<li class="item14">
<li class="item15">


мне надо только выровнить меню, так что в каскадах
только
#na1{
width:148px;
}
вопрос, где мне найти данный код HTML что бы добавить <ul id="na1"> за место <ul >
заранее спасибо.

Или может как-нибудь по другому можно, суть в следующим
Есть верхнее меню, допустим три выпадающих блоков и в них, есть ссылки разной длинны, раньше на весь документ width был авто; но были в опере косяки, если сделать width:фиксированной ширины, то первая менюшка(где ссылки состоят из коротких слов) будет длинная(не красиво это).
Получается, что надо каждому блоку присвоить ID и сделать свой width: фиксированной ширины?!
вот я и не могу найти, где Joomla прописала эти самые ссылки
<li class="item14">
<li class="item15">

или можно длинные слова(ссылки) перенести на следующую строчку?

[neut ral]

лучше найдите в чем лежит это меню и отталкивайтесь от класса этого контейнера - тогда кроме CSS ничего править не надо будет...

[megahawk]

Так я вот и не могу найти, где присвоить id этому контейнеру, у меня сейчас стиль применяется ко всему меню!

[neut ral]

думаю ничего присваивать не надо, а просто посмотреть какой id/class уже присвоен контейнеру и от него отталкиваться...

[al-teen]

1.ItemID это идентификатор кнопки или страницы. Он задается динамически. Вместо извращений с модификацией приложения, задайте наследование #na1 ul{...}. Предварительно вставив Ваше меню в блок <div id="na1">...</div>
2. Не нужно задавать ширину элемента, вместо нее поставьте отступы от краев 

Код:

#na1 li a{padding: 10px;}

Расстояние от краев ссылки будет 10px Если верх и низ будут неизменными то право-лево будут растягиваться вместе со ссылкой, оставляя отступы в 10px

[al-teen]

Хотя можно вместо padding там использовать и margin

[megahawk]

Скажите, а как перенести на следующую строчку слова в верхнем меню?
пример http://www.goodealtd.org/index.php?option=com_breezingforms&view=form&Itemid=147
Экспорт в любую страну мира

[neut ral]

как перенести на следующую строчку слова в верхнем меню?
пример ...

в примере это сделано с помощью:

Код:

#horiznav ul ul a, #horiznav li ul {
width: 173px;
}