I'm working on the GUI for Phoenix³, and I'll be using XHTML pages to get the GUI looking exactly as I want easily. However, I've hit a snag: I'm loading transparent PNGs using the IE-only CSS 'filter' attribute (to use DirectX to show the PNGs). When IE doesn't display the active content, the form controls (and JavaScript events like onclick) work fine. When displaying the active content though, the controls and events stop working completely.

Any ideas? I've Googled to no avail.

Edit: If necessary I'll include code samples.

I remember adding a position:relative to the active contents container inside the container with transparent PNG should work...

This might help: http://www.hrunting.org/csstests/iealpha.html

I haven't seen your codes so I can't be sure, but it's gonna be something like...

code:

---

<div style="filter:alphaimageloader('src:blahblah.png')"> <!-- no set position:relative here -->
<a href="blahblah.html" style="position:relative">Blahblah</a>
</div>

---

That link you game me led to this:
http://archivist.incutio.com/viewlist/css-discuss/58239
In that, one of the suggestions is to use two absolutely-positioned <div>s, one with the filter, one without, laying the one without on top.

It works!!!