text-decoration
 

Всем привет!

Возникла проблема с толщиной подчеркивания: в FF и IE нормальная толщина,а в Chrome и Opera тонкая.
При этом у меня текст в две строки, получается border-bottom тоже не применишь.

Подскажите, есть какие-либо еще варианты?

Помоему нет способа указать толщину подчеркивания.
Используй вложенный span. Попробуй менять размер шрифта, либо использовать вместо подчеркивания border

От изменения размера шрифта, высота подчеркивания в Chrome и Opera не меняется.
Если использовать border, то он подчеркнет самую последнюю строку, а у меня текст в две строки, причем разной длины. Еще затруднения в том, что это меню, которые выведено циклом

забыла сказать, что у меня span определенной ширины и я не знаю как это переиграть, да к тому же цвет подчеркивания разных цветов
Вот фотоhttp://pixs.ru/showimage/pic1png_1922531_9073085.png.
Вот код к фото,где @menuPunkt это фото 177х149 и @menuPunkt.Text это текст, которому задала ширину 110px

<div id="MainMenu">
    <div class="Inner">
        @foreach (MenuPunkt menuPunkt in Model.PunktList)
        {
            <a class="menuPunkt" href="http://@Config.dom@menuPunkt.Pag.Url"
            style="background:url(images/@menuPunkt.ImageUrl) no-repeat;"><span class="menuText" style="color:@menuPunkt.ColorHex">@menuPunkt.Text</span></a>
                                                                                                                                                                  
        }
        <div class="Clear"></div>
    </div>

#MainMenu .menuPunkt {
    display:block;
    float:left;
    width:293px;
    height:149px;
    cursor:pointer;
    margin: 0 10px;
    padding:0;
    font-size:14px;  
    text-decoration:none; 
}
#MainMenu .menuText {
    float:right;
    margin:60px 3px;
   width:110px;
    font:bold 18px Arial,sans-serif;
}
#MainMenu .menuText:hover {
   border-bottom:1px solid #ff6a00;
}

Нет там фото...