overlayed div sections problem in IE

[Paul Thompson]

I am using IE to hide sections of a form. The sections are overlayed,
and revealed using JavaScript which is run when either a radio button is
clicked or focus on an element is set (focus is run thru javascript as
well). div sections start off visibility=hidden and then are set to
visibility=visible. When I display the first section (name='ea'), the
form widgets are not clickable in IE nor do they accept focus. When I
display the 3rd section (name='ec'), the items in all sections become
clickable/accept focus. Has anyone ever seen anything like this?

One poster suggested that I manipulate the zindex levels of sections. I
set the zindex for visibility=hidden sections to 1, and the zindex for
visibility=visible (displayed section) to either 2 or 12 and still had
the problem.

There are no problems at all in NN/Firefox/Mozilla.

Here is some of the code - there is rather a lot, so I just display
some of it:

First div section (cut way down)

<div id="ea"
style="position:absolute;top:200px;left:5px;visibility:hidden;">
<FORM NAME="zxea" METHOD="POST">
<<TABLE BORDER>
<TR>
<TD><INPUT TYPE="RADIO" OnClick="resetHist();jmpT('_cysta[0]');"
onFocus="GAr(13);iam='_hpkdyn[0]';nxitm='_cysta[0]';"
onBlur="RAr(13);" NAME="_hpkdyn" VALUE="1" &_yhpkdyn1>Yes
<IMG
SRC="&_jsrc./blank.gif"
name="Pointer14" width="15">
<INPUT TYPE="RADIO" OnClick="fixHist();jmpT('_nhcyst[0]');"
onFocus="GAr(14);iam='_hpkdyn[1]';nxitm='_nhcyst[0]';"
onBlur="RAr(14);" NAME="_hpkdyn" VALUE="0" &_yhpkdyn0>No </TD>
</TR>
</TABLE>
</FORM>
</DIV>

Second div section (cut way down)

<div id="eb"
style="position:absolute;top:200px;left:5px;visibility:hidden;">
<FORM NAME="zxeb" METHOD="POST">
<TABLE BORDER>
<TR>
<TH ALIGN="left" COLSPAN="24">6. Next</TH>
<TD>
<INPUT TYPE="RADIO" OnClick="jmpT('_bpcyn[0]');"
onFocus="GAr(25);iam='_nhcyst[0]';nxitm='_bpcyn[0]';"
onBlur="RAr(25);" NAME="_nhcyst" VALUE="1" &_ynhcyst1>Yes
<INPUT TYPE="RADIO" OnClick="jmpT('_bpcyn[0]');"
onFocus="GAr(26);iam='_nhcyst[1]';nxitm='_bpcyn[0]';"
onBlur="RAr(26);" NAME="_nhcyst" VALUE="2" &_ynhcyst2>No
</TD>
</TR>
</TABLE>
</FORM>
</DIV>

Third div section (cut way down)

<div id="ec"
style="position:absolute;top:200px;left:5px;visibility:hidden;">
<FORM NAME="zxec" METHOD="POST">
<INPUT TYPE="HIDDEN" NAME="_program" VALUE="&_prglb..&_prgnm..sas">
<INPUT TYPE="HIDDEN" NAME="_server" VALUE="&_servname">
<p><b>EXCLUSION CRITERIA</b></p>
<TABLE BORDER>
<TR>
<TH ALIGN="left">1. If the participant is female:</TH>
<TD>
<INPUT TYPE="CHECKBOX" OnClick="jmpT('_ervd[0]');"
onFocus="GAr(61);iam='_femna[0]';nxitm='_preg[0]';"
onBlur="RAr(61);" NAME="_femna" VALUE="1" &_yfemna1>N/A</TD>
</TABLE>
</FORM>
</DIV>

the div sections are made visible by

function togVis(v,name) {
var myVis=document.getElementById(name)
myVis.style.visibility=v : "visible" ? "hidden";
}

where name gets the name of the div section and v is either true or
false