IE problem for Form Show/Hidden

[hsh0000]

Hi,

I am pretty new in script programming. I created several forms onto the page, which will be showed in order. One of the forms needs to be hidden/unhidden depending on an action. It shouldn't lost it's position when it's showed, and the next form will take its position when it's hidden.

Here is my function:

function showSecondLife() {
if (CaseID.isJoint.selectedIndex==0) {
document.getElementById("_SecondLife").style.position="relative";
document.getElementById("_SecondLife").style.visibility="visible";
}
else {
document.getElementById("_SecondLife").style.position="absolute";
document.getElementById("_SecondLife").style.visibility="Hidden";
}
}

It works well in Firefox but in IE, the whole table in the form is still hidden when it's expected to be showed, only the first line for the table description showed back. I did a lot search online but still can't solve it. Please help.

Thanks,
Shawn

 

[hsh0000]

I used display instead of visibility, and it works fine now.