Stop flickering in jquery-ui dropdown

Question

I have a jquery-ui dropdown on my page, and generally links make use of smooth transitions, Now I find that in FF the dropdown actually flickers when I hover over the different options.

See http://jsfiddle.net/EBduF/495/

a {
text-decoration: underline;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
color: #50444a;
border-bottom-color: #ab939f;
}

I'm not sure what css to add to prevent the transition effects to effect the jquery-ui suggestions?

Answer 1

a {
    text-decoration: underline;
    color: #50444a;
    border-bottom-color: #ab939f;
}

Removed transition and it worked perfect!

jsFiddle