CSS селектор кошмар

Question

Я строю простое меню с плагином jQuery, который называется Superfish. Я почти с этим, за исключением этой последней действительно раздражающей вещи. Я добавил класс, чтобы подменю могли выпасть вниз вправо, а не влево, и я добавил новый спрайт стрелок для стрелок, указывающих вправо. Он ведет себя так, как я хочу, за одним исключением. Вот ссылка: http://richswebarchive.com/terrificart/home/rico_index.php

Если вы наведите курсор на «Произведение», а затем на «Выбрать по обоим» и переместитесь в другое подменю, стрелка в поле «Выбрать по обоим» вернется влево. Поведение в последующих подменю правильное, проблема только на этом первом уровне. Я пытался возиться с загрузкой CSS, но я не могу это исправить.

Если бы кто-нибудь мог помочь мне с этим, я был бы очень благодарен. Спасибо.

Answer 1

В этом блоке кода в строке 158 в CSS Suprfish:

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

Измените положение фона на backgroind-position: -10px 100px; Это может решить проблему. Я не смог проверить это, но посмотрим, поможет ли это.

Answer 2

Вы сбрасываете фоновое изображение где-то в третьем уровне LI (или UL). Проверьте свой CSS для любого места, где вызывается изображение, направленное вправо, и создайте новый селектор, заменив стрелку стрелкой, указывающей влево.

Родительским элементом (для записи селектора) является .leftdrop.