Posiblemente no haya día que no recuerde como Microsoft se cargó el lanzamiento del primer IE medianamente decente en años, y como, a causa de eso, siga habiendo que usar gifs transparentes en vez de pngs, los cuales admiten sombras y transparencia.

Para las imágenes incrustadas la solución es fácil, un pequeño javascript lo resuelve todo, pero, y las que se ponen a través de CSS?

Desgraciadamente, no parece haber manera de solucionar esto, aunque si puedes hacer una cosa, servir el png a los navegadores no IE y una versión plana de la imagen (Preferiblemente con un logo de get tunavegadorfavorito) para IE, imagina que en tu CSS hay algo como esto:

h1 a {
background-image: url(vacaciones.gif);
}

Simplemente, haz tu png con las mismas dimensiones y cambia el css por esto:

h1 a {
background-image: url(vacaciones.png);
*background-image: url(vacaciones.gif);
}

De este modo, un navegador no IE leerá la primera propiedad y saltará la segunda, al no ser válida, pero IE leerá la segunda propiedad y la usará en vez de la primera, puedes verlo en funcionamiento aquí, en IE el tagline se lee peor al ser un GIF.