К сайту на движке Jomla прикручиваю горизонтальное меню с помощью модуля Display menu Tigra. Перед каждым пунктом меню есть рисунок в виде двойной стрелки. В IE и Опере подчеркнутыми остаются только сами пункты, а стрелочки не подчеркиваются. В Firefox подчеркнутыми становятся еще и рисунки, что, собственно говоря, не придает меню привлекательности и соответственно крайне не желательно
Посмотрел в коде меню, там черт ногу сломит... Может сталкивался кто? Как избавиться?
Посмотреть можно по адресу: http://tirazh-kolomna.ru

Там получается примерно такая структура:
<a href='...'><div id='...' class='dm_t-0'><img ...>Text<div></a>
В классе dmt-0 определен стиль "text-decoration:underline".

Выход: генерировать меню такого вида:
<a href='...'><div id='...' class='dm_t-0'><img ...><span class='mtext'>Text</span><div></a>
(В этом файле: http://tirazh-kolomna.ru/modules/dm-t_2-0-1/js/menu.js , его надо просто привести к человеческому синтаксису и все станет понятно)
Вот такая там строчка:

document.write('<a id="e'+TMS.TME+'_'+this.TME+'o" class="'+this.TMg(0,0)+'" href="'+this.TMD[1]+'"'+(this.TMD[2]&&this.TMD[2]['tw']?' target="'+this.TMD[2]['tw']+'"':'')+' style="position: absolute; top: '+this.TMV+'px; left: '+this.TMU+'px; width: '+this.TMQ('width')+'px; height: '+this.TMQ('height')+'px; visibility: hidden;'+' z-index: '+this.TMT+';" '+'onclick="return TMA['+TMS.TME+'].onclick('+this.TME+');" onmouseout="TMA['+TMS.TME+'].onmouseout('+this.TME+');" onmouseover="TMA['+TMS.TME+'].onmouseover('+this.TME+');" onmousedown="TMA['+TMS.TME+'].onmousedown('+this.TME+');"><div  id="e'+TMS.TME+'_'+this.TME+'i" class="'+this.TMg(1,0)+'">'+this.TMD[0]+"</div></a>\n");

Как поправить объяснять?

Из класса dm_t-0 и dm_t-1 (http://tirazh-kolomna.ru/modules/dm-t_2-0-1/css/dm-t.css) исключить text-decoration и добавить класс:
.mtext {text-decoration:underline}

Но на этом проблемы не заканчиваются:

Проблема в этой строчке из [http://tirazh-kolomna.ru/modules/dm-t_2-0-1/js/menu.js]

this.TMP={'block_top':16,'block_left':16,'top':20,'left':4,'width':120,'height':22,'hide_delay':0,'expd_delay':0,'css' {'inner':'','outer':''}};

Стоит сделать пошире или искать иную структуру, без жестко заданой ширины div'а...

Можно окружать тэгом

<nobr> ... </nobr>

и прописывать min-width

Спасибо! Проблему решил...
Хотя с переносом строки странная какая-то фигня... Мне так и не удалось добиться, чтобы меню переносилось на вторую строку... На всякий случай увеличил ширину на 10px, хотя судя по скриншоту этого не хватит
Окружать тегом <нобр> не желтельно, так как возможность переноса строки в подпунктах, должна быть.

ок, можно тогда в интересных участках добавлять &nbsp; вместо пробелов.

Ндаа, а если на 16px шрифте зайти да ещё со своим цветом фона - грустное зрелище получится.

А если справа от монитора сесть, то вообще ничего не видно...

Дык справа у меня стена и книжная полка, а 16px - дефолтный шрифт во-первых, и для моего зрения в самый раз во-вторых. Цвет для фона прописать тоже не высшая математика.

А кто вам сказал, что предусматривался шрифт по умолчанию? В стилях ясно прописан размер шрифта. Он равен 12px и не предусматривает изменения его размера пользователем. А то, что Opera и FF имеют в своем функционале возможнось изменять размер шрита, не зависимо от того, в каких величинах он задан разработчиком, это не правильно, и не говорит о том, что страница сверстана криво. Люди с плохим зрением? Понимаю. Но есть в этих же браузерах функция увеличения масштаба всей страницы! Вот этим, на мой взгляд и следует пользоваться... Точнее, пользоваться конечно вы вольны чем вам угодно, но приводить в качестве аргумента плохой верстки, нечитабельность при измененном размере шрифта, я считаю, не стоит...
А за фон, спасибо. Не досмотрел...