I'm using the following code to fade in a div that uses a transparent .png background:

$("#gallery .client").hover (function () {
    $.tipText = 'Click the image to enlarge it';
    $.tip = $(document.createElement("div")).attr("class","tip").text($.tipText).prependTo(this);
    $.tip.fadeIn (800);
}, function () {
    $.tip.fadeOut ();
});

Unsurprisingly IE7 has a problem with it, it fades the div to 100% opacity before instantly making it appear the way it should.

I've read that the problem can be fixed by using fadeTo instead, but I've tried that and my div just doesn't appear at all! Argghhh!

Any help would be great.

Nothing you can do there that I know of. Fading relies on alpha transparency. IE7 has big problems when you set transparency on an 24bit PNG image that already has transparency built into it. If you find a solution I'd be happy to hear it; my only one is to avoid the situation.

Nooooooooo!

Thanks anyway, any ideas why the fadeTo method might not be working?

As far as I know, fadeTo is no different than fadeIn: If I were to build it myself I would use the same technique. Not sure about that one though, I haven't looked at that section of code inside of jQuery itself.

Thanks for the advice, I'll probably just have to change the appearance of what Im doing to get it right in all browsers... thanks to Bill Gates once more!