In case you can’t find the solution using the correct keywords (through web search), here’s the rewritten guide from that website.

The Guide

1. Loading an IE-Only CSS Stylesheet

We need to load another stylesheet if the visitor is using Internet Explorer. In this example, I call it ie.css. Paste these codes before </head> tag.

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

2. Tells MSIE to Load a Behaviour File

Open up ie.css and paste the following codes into it.

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

You can assign the behaviour to more elements by using comma. For example :

img, .pngfix, div, p {
	behavior: url("iepngfix.htc");
}

3. Get the Behaviour File & Blank.gif

Download & Save

The behaviour file | blank.gif

Save them to your folder. If you want to put the blank.gif into another folder, make sure you edit the path in iepngfix.htc

4. How to use it?

Everything is kinda automatic now, depends on which element you assign the behaviour to.

An example based on the css above :

<div class="pngfix" style="background-image:url(images/SEE_I_HAVE_PNG_AS_BACKGROUND.png);">
..content..
</div>

I assigned a class called “pngfix” to the div that has PNG image as background.

5. Side Notes

I placed blank.gif in a folder called “images” and of course I would have to edit the htc file. However, I used “images/blank.gif” instead of “/images/blank.gif” as suggested by the author because it doesn’t work (at least for me).

6. I got an javascript alert – IEPNGFix: Children of positioned element are unclickable:…

Most probably the element that uses PNG as background-image has its CSS position set. In my case, my div has position:relative and it throws this alert to me.

How do I fix it? I created another div inside the div with PNG image as background-image and apply position:relative to the inner div.

<div id="DIV_WITH_PNG_BACKGROUND" class="pngfix">
<div class="the_fix" style="position:relative;">
</div>
</div>

To avoid the alert, you have to remove any CSS position if your div uses PNG image as background.
Note that the position:relative was given to the inner div instead of the outer.

The Great Coder

All credits to Angus Turnbull.