добавление класса в jQuery не работает в IE9

Question

Я работаю над меню для темы WordPress. Я пытаюсь стилизовать меню так, чтобы при наведении на него элементы меню, у которых нет подменю, выглядели в одном направлении, а пункты меню, которые действительно имели подменю, выглядели иначе. У меня есть следующий jQuery

$(document).ready(function(){
    $('.menu li').has('ul').addClass('submenu');
});

И я стилизовал это в своем файле CSS. Пункты главного меню при наведении курсора получают 4 закругленные границы, а пункты главного меню при наведении, которые имеют подменю, получают только верхние округленные границы. Это прекрасно работает в Firefox, Chrome и Safari, но не в IE9. У кого-нибудь есть идеи, как заставить эту функцию jQuery быть принятой IE9? Тема WordPress в разработке находится на Тема WordPress

Answer 1

border-top-left-radius: 10px 10px 0 0;

Это оскорбительная строка. Вы хотите только border-radius, так как это то, что вы положили для -moz-, -webkit- и других префиксов.