IE 7 добавляет подчеркивание к элементам шрифта иконки

Question

Привет, я создал сайт, используя значок шрифта от icomoon в качестве альтернативы изображения. Все хорошо, но в ie7 они отображаются с подчеркиванием текстового оформления.

Я использовал класс, чтобы остановить это при использовании в ссылках, который работает во всех браузерах, кроме ie7. Я поместил значок в виде значка данных в "а" и текст для ссылок в промежутке. И класс, как так..

a.{
text-decoration:none;
}

span{
text-decoration:underline;
}

Это нормально в любом браузере, кроме ie7???

Даже в <i> элементы добавляет случайное подчеркивание, поэтому я снова добавил стиль

i{
text-decoration:none;
}

Все еще нет радости.

Любая помощь будет принята с благодарностью.

Answer 1

Я не знаю точно, что вы думаете a. селектор будет делать.

Я предлагаю вам использовать селектор потомков:

a i {
    text-decoration: none;
}