Why are all links are red, in Chrome and Safari?

Question

Have just started using Google Chrome, and noticed in parts of our site, e.g. all the links on the page, are bright red. They should be black with a dotted underline.

Is there some gotcha in WebKit rendering that turns all links red regardless of the style?

Answer 1

Are all of the resources that you're linking to in the present at the locations where your page is seeking them (verify this by actually checking it). I've also had an issue when checking an app in Safari where I was attempting to pull a file that wasn't there and I had very similar output to yours (red links).

EDIT: Adding Developingchris's find to the answer, since it explains it so well:

k, found it.

If any of your stylesheets is missing or pathed incorrectly, it throws a 404. If your 404 page has inline styles, they get respected via the "alternate sheets" rule in webkit.

Thus, the red links on the "yellow screen of death" are causing my problem in overlap.

Answer 2

k, found it.

If any of your stylesheets is missing or pathed incorrectly, it throws a 404.
If your 404 page has inline styles, they get respected via the "alternate sheets" rule in webkit.

Thus, the red links on the "yellow screen of death" are causing my problem in overlap.