jQuery autocomplete, добавляет «UI-State-Active» к A внутри LI, как я могу добавить наведение / выбрано для LI?

Question

Я использую автозаполнение jQuery, которое создает UL с такими элементами, как:

<li class="ui-menu-item" role="menuitem">
   <a class="ui-corner-all" tabindex="-1">
     <img src="/thumb/x.jpg">
     <span class="text">Mr Armstrong</span>
   </a>
</li>

Проблема здесь в том, что при наведении курсора или выборе элемента стиль UI-State-Active применяется ккогда я хочу обратиться в LI ... Кто-нибудь еще сталкивался с этим?Как добавить класс в LI при наведении / активном?

Спасибо

Answer 1

Вы могли бы дать <a> a display: block, чтобы он занимал весь <li>, тогда не было бы (визуально), где псевдокласс :hover был:

/* Make this as specific as needed. */
li.ui-menu-item a {
    display: block;
}

CSS Demo: http://jsfiddle.net/ambiguous/wZgLa/