title: apple-touch-startup-image loading wrong resolution image
body: <p>I'm doing a Sencha Touch web app with splash screens specified as follows. The images are 640x920 and 320x460 respectively (allowing for the statusbar and following an example from Sencha).</p>
  
  <pre><code>&lt;link rel="apple-touch-startup-image" media="screen and (resolution: 326dpi)" href="/resources/img/startup_640.png" /&gt;
  &lt;link rel="apple-touch-startup-image" media="screen and (resolution: 163dpi)" href="/resources/img/startup.png" /&gt;
  </code></pre>
  
  <p>However, on an iPhone 4, I'm still seeing only the low resolution image. (To make things easy, I've embedded the text "640x920" and "320x460" in the appropriate image to be sure I'm looking at the right images.)</p>
  
  <p>I keep clearing the Safari cache and reloading the app, but the wrong image continues to load.</p>
  
  <p>Just to make sure I had them right, I switched the links to point to the opposite files, but then as expected, neither splash loaded.</p>
  
  <p>Any other suggestions?</p>
  
  <p>EDIT:
  Similarly, the <code>apple-touch-icon-precomposed</code> is loading the smaller of the two as well.</p>