IE8でのフェードする要素のpng画像透過

質問

こんにちは。
jQueryでわからないことが出てきましたので質問させていただきます。
JavaScriptにもさほど詳しいわけでもないので、分からずに困っております。

添付の図を見ていただいくとおそらく状況がわかるとは思うのですが、
グローバルメニューにオンマウスでメガメニューを表示させたいと思っております。
メガメニューの背景は透過pngで
下のコンテンツ部分がうっすら見えるようにしたいと思っております。
しかしIE8で見ると、メガメニュー部分の透過が効いておらずにグレーに表示されます。
また、透過pngにしている画像の周りに黒い線が表示されてしまいます。

png透過のjsは以下のサイト様から拝借しております。
http://wakuworks.jugem.jp/?eid=153

また、メガメニューは以下のサイト様から案を拝借しております。
http://www.skuare.net/2009/11/jquerycssvia_mega_drop_down_me.html

png透過のjsを拝借したサイト様ではinput type="button"での
フェードアウト/フェードインはできているようなので、それを応用しようとしました。
しかし私の少なすぎるjsの知識では改造することも難しく時間がかかってしまっています。

仕事の案件で使用しているため、時間があまりなく急いでいます。
メガメニューを取りやめることもできませんので、どうしても実装しなければなりません。

皆様のお力をお貸しいただければ、とても助かります。
どうぞよろしくお願いいたします。

回答No.1

神崎 渉瑠（@taloo）

IEの8ビットPNGの半透明処理は今一よくないので、32ビットPNGで作ってみるとどうでしょうか。

お礼

長い内容の質問に対してご回答ありがとうございました。
また、お返事ながらくお待たせしてしまって大変申し訳ございません。

画像は元々32ビットpngで作成しておりまして、
フェードするpng画像に対して透過が効かなくなるというIE8特有の
バグ（？）に悩まされておりました。
cssのOpacityやRGBaなどを駆使して、完璧とは言えませんが
なんとか誤魔化しの効くものが作れました。

ありがとうございました。