jQuery:从下拉结果中删除ui-autocomplete样式

我有一个页面使用jquery的自动完成功能,对于我的生活,我无法删除/修改应用于下拉列表的样式.

我正在使用谷歌CDN的jquery-ui CSS,所以我试图避免在本地保存并修改它:)

使用CSS,我尝试重写UL(.ui-autocomplete),LI(.ui-menu-item)和LI中的锚标签 - 我有很多工作,但似乎添加了填充在我的CSS之后,当我将鼠标从列表项移到下一个项目上时,一瞬间,前一个项目具有默认的jquery-ui背景(标题中使用的灰色渐变,例如对话框标题栏) .
任何人都有css方便重置自动完成样式？

*更新* 链接到小提琴:

[http://jsfiddle.net/HccBe/][1]

如果将鼠标悬停在其中一个项目上,则会以蓝色突出显示.然后将鼠标移动到它的左侧,但仍然在下拉框中,你会注意到蓝色消失了,但jquery的渐变背景仍然存在.

感谢Claustrofob给我提供CSS来删除jquery-ui自动完成的所有样式:

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active, 
.ui-autocomplete, .ui-autocomplete:hover, 
.ui-menu-item, .ui-menu-item:hover,
.ui-menu-item a, .ui-menu-item a:hover,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a
{ background: #ffffff none no-repeat; 
padding:0;
margin:0;
display:block;
border:0;border-collapse:collapse;
}