html - css:hover color bug -


i noticed weird, when creating menu website. take @ fiddle illustrates problem.

notice small orange spot, right of last letter when hover on menu-item.
why occurring?

i can tone down "orange effect" lowering contrast between foreground , background color, not solve actual problem. bug, or there clever way fix this?

i'm using chrome on mac btw. i've noticed doesn't occur in firefox, it's browser-related issue.

update
answers , suggestions on how fix it! accepted marcel's answer seemed correct answer why occurring. don't know if case, seems webkit problem. if notice bug in non-webkit browser, please so, , i'll update this.

it seems subpixel rendering artifact. adding opacity:.9999; css rules li a seems resolve issue.


Comments