title: Why won't this apple-touch-icon work?
body: <p>I have the following code in my website:</p>
  
  <pre><code>&lt;link rel="apple-touch-icon" href="http://website.com/images/apple-touch-icon.png" /&gt;
  </code></pre>
  
  <p>When I view the source in Firefox and click the href attribute the icon shows (so its not a 404 error). </p>
  
  <p>When the code is added to a page like <code>http://website.com/mobile/index.php</code> or <code>http://website.com/mobile/page.php</code> and the page is added to an iPhone homescreen the icon works fine, but when the page url is like <code>http://website.com/page</code> or <code>http://website.com/index</code> the icon doesn't show up.</p>
  
  <p>No errors appear in the "website debug console" provided in Safari options and I've tried clearing the cache and cookies. </p>
  
  <p>Also I use the tag <code>&lt;base href="http://website.com/mobile/" /&gt;</code> website, which shows up on both <code>http://website.com/mobile/index.php</code> and <code>http://website.com/index</code>. But i can't see how that would effect it since the apple-touch-icon uses a full url.</p>