Chrome 5 highlights all my links

using the background hover colours - but why?

[Hester]

I don't use Chrome much but was surprised to see (in version 5.0.375.70) that my site has all the links highlighted by a coloured background! This is the colour I have set for the hover effect, which is green for links and brown for visited links. Even the top menu is coloured in!

The effect goes away when I move the mouse off the page.

I haven't seen this effect on any other sites in Chrome. Anyone know what is happening?

I'm wondering if it's my code at fault, but other browsers are fine. I've sent an error report to Google.

I am on Windows XP. My doctype is XHTML Strict. The links are styled in a separate stylesheet.

[kaled]

Most likely there is an error in the style sheet. The rule for any problem of this sort is validate the code, both the HTML and the CSS. Also, links should be styled in a very specific order being LVHA (Link, Visited, Hover, Active) not to mention the :focus pseudo-class.

HTML Validator [validator.w3.org]
CSS Validator [jigsaw.w3.org]

Kaled.

[penders]

Create a simple test page with just a link and your link styles - does it still behave this way?

[Hester]

Thanks. I validated the CSS and found some minor errors which I have corrected. I also validated the HTML and found one typo which has also been corrected.

Chrome still displays the site oddly.

I looked at my link styles and I have the following styles defined:

a, a *
:link, :link *
:visited, :visited *
:link:hover, :link:hover *
:visited:hover, :visited:hover *

I don't seem to have any active or focus styles set.

I'll try and do a test page and see if I can nail this one!

[edited by: tedster at 12:34 am (utc) on Jun 24, 2010]