基于Png的图标：低分辨率：iPhone模糊，IE清晰，高分辨率：IE模糊，iPhone清晰

Question

我有一个基于png的图标，我想嵌入一个输入框，使用CSS：

<li><a href="/">Home</a></li> <li><a href="/contact">Contact</a></li>

它应该是20 * 20 PX

如果我使用高分辨率图标，例如100 * 100： 它在iPhone上很清楚，但在IE上却很粗略

如果我使用20 * 20（较低分辨率）：

在iPhone上模糊不清，在IE上也很好。

解决此问题的最佳方法是什么？