CSS/DOM question - not php but I still need help :)

[syn1234]

I have a web page with 3 SELECT BOXES at the top.

I also have a "report problem" but button. When the "report problem" button is pressed a DIV will show overtop the SELECT BOXES asking the user what the problem is.

This works fine in Molliza, but in IE, the 3 select boxes appear in the DIV when it is showen. I have set the z-index:1 to push the div to the top, but the SELECT boxes are still apearing

CODE:

<DIV style="border: 1px solid #000000; background-color: #F1F8FF; position:absolute; width:375px; z-index:1; display: none; visibility: hidden; padding: 3px" id=ViewReport>
<span class=txt12black>&nbsp;&nbsp;Loading page please wait...
</DIV>

When the user presses the button an AJAX script with fill the div with the code

Here is the javascript that shows that div:

ObjElm = GetElementById('ViewReport');
ObjElm.style.display = 'block';
ObjElm.style.visibility = 'visible';

Any ideas? thanks in advance

[bpat1434]

Should be posted in the Client-Side technology forum... not the PHP General help area....

First idea, set the z-index to 99 or so to try and put it above everything.

[syn1234]

Yah tried that no dice 🙁

[bpat1434]

Perhaps this is just an IE bug?

[syn1234]

Did some more reading. It is an IE bug.

http://www.codetoad.com/forum/20_22736.asp?spage=2