Why did my favicon stop working when the code hasn't been changed?
<p>A couple weeks ago I noticed that the favicon stopped loading for my website: <a href="http://makingspidersense.com/Schubert/" rel="nofollow">http://makingspidersense.com/Schubert/</a></p>

<p>I haven't changed the code for that section and the png file still exists on the server. It appears that all the tags are properly closed. This code used to work and still works just fine for my other websites. So what caused it to stop loading and how do I fix it?</p>

<pre><code>&lt;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;link href="css/schubert.css" rel="stylesheet" type="text/css"&gt;
&lt;link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700' rel='stylesheet' type='text/css'&gt;
&lt;link href='http://fonts.googleapis.com/css?family=Signika' rel='stylesheet' type='text/css'&gt;
&lt;meta name="description" content="The official website for Schubert's Hartford Theatre in Hartford, WI. Purchase your tickets online, find showtimes, movie trailers, shows that are coming soon, discount prices and more!" /&gt;
&lt;meta name="keywords" content="Schubert, Theatres, Cinemas, tickets, showtimes, movies, Hartford, WI" /&gt;
&lt;meta property="fb:admins" content="ben.moran.28" /&gt;
&lt;meta name="viewport" content="width=1075px"/&gt;
&lt;title&gt;Schubert's Hartford Theatre in WI - Purchase tickets, find showtimes and movie info&lt;/title&gt;
&lt;script type="text/javascript" src="scripts/jquery-1.6.4.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="scripts/coin-slider.js"&gt;&lt;/script&gt;
&lt;link rel="icon" type="image/png" href="img/favicon.png"&gt;
&lt;/head&gt;
</code></pre>