Comment puis-je appliquer une feuille de style uniquement à l'iPhone (et non à IE), sans renifler le browser?

Je voudrais appliquer une feuille de style exclusivement à l'iPhone, sans faire de reniflage de browser (via la string user-agent) sur le server ou via JavaScript.

Je ne veux surtout pas qu'Internet Explorer applique la feuille de style. Le code suggéré par Apple pour appliquer une feuille de style spécifique à l'iPhone, à savoir:

<link media="only screen and (max-device-width: 480px)" href="small-device.css" type= "text/css" rel="stylesheet"> 

semble provoquer l'application de la feuille de style par IE 7 et 6.

Utilisez le code suggéré par Apple, mais enveloppez-le dans des commentaires conditionnels pour le cacher de IE:

 <!--[if !IE]><!--> <link media="only screen and (max-device-width: 480px)" href="small-device.css" type= "text/css" rel="stylesheet"> <!--<![endif]--> 

Crédit Je pense à l'article de développement iPhone de Sitepoint pour cela.