Favicon does not show on Webkit browsers

Question

I'm having problems with putting a favicon on my website.

I have this code

<link rel="shortcut icon" type="image/ico" href="img/favicon.ico">

And for some reason Firefox shows the favicon fine, but on Webkit browsers its not showing up. I tried Google Chrome and Safari on a Mac and its not showing up; do I need to do something for these browsers?

Answer 1

Try placing a relative path and change the type to "image/x-icon":

<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" />

Or just place it on the root:

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />