Strange variations in colors in same type keywords

I get strange variations in colors in my code examples. This happens for all Crayon themes.

1. CSS syntax with pseudo elements: I get a different color for the keyword “hover” in “a:hover” then for the keyword “focus” in “a:focus {“. This is very strange because CSS code like “a:hover, a:focus {..} is very common and there is no reason that I can see to color “hover” differently from “focus” only because the second word is followed by a “{“.
2. A comment will show 3 different colors in one string e.g. “<!– jQuery (necessary for Bootstrap’s JavaScript plugins) –>” will display with the same – different – color for “Bootstrap’s” and “plugins” and “for” has a completely different color from all the rest.

http://wordpress.org/plugins/crayon-syntax-highlighter/