CSS Filter over-writing DIV content and JS?

[pilau]

:confused: :confused: :confused:

Hi. I have this DIV element which has content inside, and which has some JS code implemented on it. Every thing works like a charm.

Then, I add a transparent PNG background. Everything's still working. But for the PNG background to be transparent in IE I have to set a filter on the DIV, like this:
* html #master_container /* This is the DIV element */
{
background-image: none;
background-color: transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='./images/main_window_glass.png', sizingMethod='scale');
}

Which in turn, for some blunt and very unknown reason, cancels any functionalities of the content inside the DIV or the JS code relative to the DIV.

Here, take a look: http://pilau.phpnet.us/mctours/index.html
Compare in FireFox and IE6 and tell me if you have ANY clue!
Thanks, very much,
frustrated Pilau
:mad: :mad: :mad:

[Fang]

Transparent png only works in IE7 (http://blogs.msdn.com/ie/archive/2005/04/26/412263.aspx)
Try this solution (http://homepage.ntlworld.com/bobosola/)