Имеем список (делается меню) <ul class='menustyle' id='id1'> <li><a href='javascript:void(0)' id='li1'>Пункт</a></li> <li><a href='javascript:void(0)' id='li2'>Пункт с меню справа</a></li> </ul> стиль .menustyle{ margin: 0; padding: 0; list-style: none; } .menustyle li a:hover { background: #c2daad !important; } Второй пункт <li><a href='javascript:void(0)' id='li2'>Пункт с меню справа</a></li> изменяю на <li style="background:url('/Content/Images/right.png') right center no-repeat;"><a href='javascript:void(0)' id='li2'>Пункт с меню справа</a></li> Появилась стрелка справа НО при наведении мышки стрелка пропадает и перерисовывается фон из-за определенного стиля .menustyle li a:hover { background: #c2daad !important; } Как поступить? как сделать чтоб и фон менялся и стрелочка оставалась? как совместить background ??? Или же как поместить стрелочку от jquery ? ui-icon-triangle-1-e