menuitem: focus on menuitems in High contrast mode in Firefox should be improved

[Becky Gibson]

When you focus on a menuitem in Firefox in high contrast mode the focus border is broken above and below the actual menuitem text making it a bit harder to distinguish. This works fine in IE which draws the focus border only around the text.

Playing around with this in Firebug I can make the border display better if I remove this line

background:white !important;

from

.dijit_a11y .dijit * {

background:white !important; color:black !important;

}

However, that style is much to pervasive to try and change at this point. I haven't been able to find a style to apply to dijit_a11y .dijitMenuItem to correct this issue.

Playing with border-collapse: separate; may help

[Becky Gibson]

(In [20212]) fixes #9119 Adjusted the styles so in FF border is drawn around entire menu item in High contrast. For IE border is drawn just around menu text in high contrast. Tested in FF 3, 3.5, IE 6, 7, 8 in Win XP.