fadeTo not working on background images in IE
I am using fadeTo at document.ready on an inner box within an outer box, and then fading it less (for better readibility) onmouseenter, and then fading it back onmouseleave, in Windows XP. It is working fine in FireFox 3.0.11, Chrome 2.0.172.31, Safari 3.2.3 (525.29), but in IE 8.0.6001.18702 the non-transparent portions of the corner images on the inner box display as if they are not faded such that they stick out and become very obvious (some of ht corners look VERY slightly faded, but none are faded anywhere near the extent of the rest of the inside box). I have three samples in the file, png-24, png-8 and gif images and none of them fade correctly in IE, but all work in the other browsers. Also, changing the outer box from a color background to an image background made no difference either. I have attached a zip file with all the HTML, CSS, jQuery and images.
all files need to reproduce fadeTo bug in IE8