title: Favicon is completely transparent?
body: <p>There's an indentation indicating that my favicon was loaded, but instead of seeing the favicon, I see a completely blank region where the favicon should be.  The image is 38x48, but I also tried 32x32.  It's about 10kb for the 48x48, 5kb for the 32x32.  It's certainly not a blank/transparent image.</p>
  
  <p>This is what I see when I load the <strong>favicon</strong>: <a href="https://i.stack.imgur.com/quQcT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/quQcT.png" alt="an browser-bar tab is shown with an indentation where the favicon should be."></a></p>
  
  <p>This is what I see when I load <em>no favicon</em>: <a href="https://i.stack.imgur.com/6yyyo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6yyyo.png" alt="a browser-bar tab is shown with no indentation, indicating that no favicon was loaded."></a></p>
  
  <p>Can you see the difference?  I should be seeing a picture of a leaf swaddling a baby's cheek with bird saliva that's been transformed into honey.</p>
  
  <p>*I put this under compliance because I thought it might be an issue of the image size, dimensions, or something else very nitche.</p>
  
  <p>Here's the head.  I wonder if it's because I'm in China and W3C may not be accessible....  I'm going to try quirks mode, next.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB"&gt;
  &lt;head&gt;
      &lt;title&gt;...&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1" /&gt;
      &lt;meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /&gt;
      &lt;meta name="description" content="..." /&gt;
      &lt;meta name="keywords" content="..." /&gt;
      &lt;link rel="icon" type="image/x-icon" href="/index.ico" /&gt;
  &lt;!-- Style link START --&gt;
      &lt;link rel=stylesheet media="screen" type="text/css" size="48x48" href="screen.css"&gt;
  &lt;!-- Style link END --&gt;
  &lt;/head&gt;
  </code></pre>