Выпадение многоуровневой проблемы с hover в IE, firefox

Question

Я использовал суперфиш для dropmenu, но с проблемами при рендеринге в IE 8,9 и Firefox, он отлично работает на сафари и хром. При наведении продуктов текст привязки перемещается вверх, Я потратил часы на это, изменив css без успеха, может ли кто-нибудь помочь мне, где я ошибаюсь, ниже находится сайт:

test-website Эффект зависания можно найти в подкатегории продукта.

.sf-menu li a 
{ 
    float: none; 
    border: none; 
    margin: 0; 
    display: inline-block; 
    color: #FFFFFF; 
    text-decoration: none; 
    font-size: 11px;  

    height: 23px; 

    font-weight: bold; 

} 

.sf-menu li a:hover 
{ 
    display: inline-block; 
    height: 0px !Important; 
    text-decoration: none; 
    font-weight: bold; 
    line-height: 20px; 
    padding: 0px 0px 0px 20px ; 
    float: left; 


} 

С уважением

Answer 1

Изменить line-height: 20px; в line-height: 24px;

.sf-menu li a:hover { 
    display: inline-block; 
    float: left; 
    font-weight: bold; 
    height: 0 !important; 
    line-height: 24px; 
    padding: 0 0 0 20px; 
    text-decoration: none; 
} 

EDIT. Целевая задача вложенных li

.sf-menu ul li ul li a:hover { 
     padding: 0 0 0 20px; 
     line-height: 20px; 
} 

Вам может понадобиться, чтобы играть с этими значениями.

Answer 2

В вашем подменю нет ориентиров, откуда вы можете остановиться, и вы указываете контейнер подменю как абсолютное, а также подменю ul, а я удивлен, что он вообще работает вообще в Chrome попробуйте это исправить:

.quiklinks li { 
    position:relative; 
} 

Под вашим jquery.superfishmenu.css таблицы стилей, исправьте следующее:

Удалите position:absolute правило на следующий класс:

.categoriesHeaderMenu { 
    position:absolute; /* remove */ 
} 

Установите класс подменю ul к следующему:

.categoriesHeaderMenu ul { 
    position:absolute; /* currently it is set as relative, change it to absolute */ 
    left:0; 
} 

Кроме того, не знаю, если вы заметили это, но вы в том числе ваш jquery.superfishmenu.css стилей и сценарий Js для ваше меню под вашим подменю, которое должно быть в верхней части заголовка.