Este problema se puede resolver fácilmente con los behavior de IE, que básicamente es una forma de ejecutar código (javascript) asociado al selector css en cuestión.

Mediante el uso del filtro AlphaImageLoader podemos mostrar imágenes que tengan zonas transparentes. La forma para resolver el problema consiste en sobreescribir todas las imágenes png con una imagen gif transparente (los cuales si son soportados) y aplicarle este filtro con la imagen real que queríamos mostrar. Esto sería algo así como:

 
<img src="trans.gif" style="filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png')" />
 

Todo esto lo podemos realizar únicamente añadiendo un behavior el cual hará todo de forma automática. El uso sería algo así como:

 
img {
   behavior: url("iepngfix.htc");
}
 

Podemos poner esto en un css específico para IE, usar unos condicionales y nos queda ya hasta elegante:

 
<!--[if lt IE 7]>

<link rel="stylesheet" href="ie.css" type="text/css" />
<![endif]-->
 

Por lo que, en resumen, necesitaremos lo siguiente:

• ie.css
• iepngfix.htc
• gif transparente
• Añadir el ie.css de la forma indicada anteriormente

La imagen transparente gif podemos ponerla en cualquier lado de la aplicación si editamos el htc (o si definimos en javascript una variable tal que var blankSrc = "/foo/bar/trans.gif";, pero mejor la otra opción).

Por cierto, otro hack, para IE, similar y realmente útil es este con el cual podemos usar la pseudo clase :hover en más elementos aparte de <a>.

Fuente