iframe transparency problem

Hi.

I have webpageA.html hosted on webserverA. In the header, it has the following:

<script src=webserverB/webpageB.js></script>

webpageB.js has the job of sending the document.refferer and document.URL to webserverB/webpageC.asp. It currently does this by:

document.write(‘<style type=”text/css”>html,body {background:transparent;} </style>’);
document.write(‘<iframe width=”100%” height=”100%” allowTransparency=”true” src=webserverB/webpageC.asp?u=’+ escape(document.URL.toLowerCase()) + ‘&r=’ + escape(document.referrer));

webpageC.asp then writes the data to a database. This all works up until here. Next, if a certain set of events occurs, which is checked by the database on every hit to webpageC.asp, I need to write a message to the client browser.

I almost have this working, because if I response.write to the screen in webpageC.asp, it appears in the IFRAME, which is great, exactly what I need. Theorectically, the code I use to create the IFRAME should implement transparency, laying the IFRAME out over the existing webpageA.html.

In FireFox this works great, but in IE and Safari it’s totally screwed, it covers up the entire page with a big white background. I tried IE 5, 5.5, and 6. I tried adding things such as style=”zIndex:5;background:transparent;” to the IFRAME but it doesn’t seem to help.

I’ve posted screenshots of the problem at
[url]http://jericosolutions.com/personal/cpmoz.jpg[/url]
[url]http://jericosolutions.com/personal/cpie.jpg[/url]

Any ideas?
Thanks
Eric

Also in #JavaScript _↴