Favicon displays in IE but not Firefox and Chrome

Question

I recently added a 16px by 16 px favicon.ico file to my htdocs directory.

The results are as follows:

IE - correctly displays in address bar, tab bar, and bookmarks bar

Chrome - correctly displays in bookmarks bar

Firefox - correctly displays in bookmarks bar

I'd like to have my favicon display in the address bar and tab bar of Chrome and Firefox, what do I need to do to accomplish this?

Thanks?

Answer 1

As suggested by this post, simply adding the favicon.ico file to your site's root directory is the discouraged method of adding a favorite icon to your site. The encouraged method is to add the following lines within the < head>...< /head> section of your html:

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

This post suggests that the rel="shortcut icon" method is being replaced by the rel="icon" method, but to be safe for compatibility reasons I like to include both, as well as put the favicon.ico file in the site's root directory; this way all my bases are covered for all browsers.

Answer 2

add the location into the xhtml