title: How do I apply a stylesheet just to the iPhone (and not IE), without browser sniffing?
body: <p>I’d like to apply a stylesheet exclusively to the iPhone, without doing browser sniffing (via the user-agent string) on the server or via JavaScript.</p>
  
  <p>I particularly don’t want Internet Explorer to apply the stylesheet. Apple’s suggested code for applying an iPhone-specific stylesheet, i.e.:</p>
  
  <pre><code>&lt;link media="only screen and (max-device-width: 480px)" href="small-device.css" type= "text/css" rel="stylesheet"&gt;
  </code></pre>
  
  <p>seems to cause the stylesheet to be applied by IE 7 and 6.</p>