поведение псевдоэлемента в IE

[orange_juice]

Вечер добрый
Суть такова - имеется раздвижное вертикальное меню, при наведении на пункт возле него появляется плюсик. сделал через псевдоэлемент, плюс появляется и работает как надо в Opera next, Mozilla, Chrome. В IE же при наведении под плюсом появляется подчёркивание, походу потому, что ранее оно задано для span-a, внутри которого пункт меню. я так понял ишак наследует этот стиль и рисует подчеркивание и у псевдоэл., а вот остальные браузеры - нет.
подкиньте идейку, как убрать это подчеркивание у IE.
 

пробовал добавлять к span:hover:after {text-decoration:none;} - не работает, к span:after - тоже.

 

сама страница - https://bc9af00d6817e817723349c0695951c9c5303b8c.googledrive.com/host/0B4fl96t3IgZdN3JzcDJyYV94ekU/shop.html
 

[npofopr]

ul.menu li a, ul.menu li span {text-decoration: none;}

[orange_juice]

ul.menu li a, ul.menu li span {text-decoration: none;}

 

в ишаке подчеркивание осталось, подчеркивания пунктов и подпунктов исчезли

[web911]

в ишаке подчеркивание осталось, подчеркивания пунктов и подпунктов исчезли

 

Вроде у ie 9, ie10 подчёркивания у плюсика нет при таком варианте

 

 

ul.menu li a, ul.menu li span {text-decoration: none;}

[orange_juice]

 

в ишаке подчеркивание осталось, подчеркивания пунктов и подпунктов исчезли

 

Вроде у ie 9, ie10 подчёркивания у плюсика нет при таком варианте

 

 

 

ul.menu li a, ul.menu li span {text-decoration: none;}

 

 

тестирую на IE 11, хрен знает почему оно выделывается

[ows.nightwolf]

 

тестирую на IE 11, хрен знает почему оно выделывается

 

Вариант от npofopr в IE 11 работает, попробуйте очистить кеш у IE, у меня такое пару раз было - изменения в файл внес, а IE его не обновлял.

[orange_juice]

 

 

тестирую на IE 11, хрен знает почему оно выделывается

 

Вариант от npofopr в IE 11 работает, попробуйте очистить кеш у IE, у меня такое пару раз было - изменения в файл внес, а IE его не обновлял.

 

 

да, подчеркивание ушло, но это всё же не вся проблема. с подчеркиванием плюса убирается подчеркивание пунктов меню, а оно должно оставаться. плюсы прикреплены псевдо именно к span-у, в котором подпункт. наверное придётся наверно внутри span-a сами пункты обернуть ссылкой, и уже к ссылке применять подчеркивание, а к span-y - псевдо.

[ows.nightwolf]

да, подчеркивание ушло, но это всё же не вся проблема. с подчеркиванием плюса убирается подчеркивание пунктов меню, а оно должно оставаться. плюсы прикреплены псевдо именно к span-у, в котором подпункт. наверное придётся наверно внутри span-a сами пункты обернуть ссылкой, и уже к ссылке применять подчеркивание, а к span-y - псевдо.

 

Можете попробовать плюс сделать псевдоэлементом не у span'а, а у самого li, тогда разметка останется такой какая есть сейчас, и не будет излишних тегов-оберток.

Edited August 10, 2014 by ows.nightwolf

[npofopr]

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

 

ul.menu li a, ul.menu li span {text-decoration: none;}

Edited August 11, 2014 by npofopr

[orange_juice]

 проблема решена, при чем как обычно - применял стили не к тому элементу.

 

вот ключевых две строчки - с ними заработало

ul.menu li span {text-decoration:underline;}             ul.menu li span:hover {text-decoration:none;}

а я же применял text-dec:none; вот так -
 

ul.menu li span:hover:after {text-decoration:none;}

, тобишь напрямую к псевдо. в макете у меня подчеркивание пункта должно исчезать при наведении, а подчеркивание плюса в IE пропало, так что всё ок.
всем спасибо

 

[SelenIT]

Как бы то ни было, это явный баг IE11. По спеке ведь однозначно

Note that text decorations are not propagated to floating and absolutely positioned descendants, nor to the contents of atomic inline-level descendants such as inline blocks and inline tables.

Заметьте, что text-decoration не передается плавающим и абсолютно позиционированным потомкам, а также неделимым потомкам инлайнового уровня типа инлайн-блоков и инлайн-таблиц.

Хорошо, что есть обходное решение, но вообще мелкомягких надо попинговать, чтоб не расслаблялись. А то ишь, вложенные 3d-трансформы так и не освоили, а туда же — на CSS2.1 забивать