Hey, I am sure this has been asked and answered (hopefully) but for some reason my code works perfect in IE but not Mozilla.

function DisplaySection(intSection)
{
if (intSection == '1')
{
Section1_1.style.visibility = "visible";
Section1_2.style.visibility = "visible";
Section1_3.style.visibility = "visible";
document.getElementById("divSurname").innerHTML = "CONTACT SURNAME *";
document.getElementById("divFirstname").innerHTML = "CONTACT FIRST NAME *";
document.forms[0].txtSalesPerson.focus();
}
else
{
Section1_1.style.visibility = "hidden";
Section1_2.style.visibility = "hidden";
Section1_3.style.visibility = "hidden";
divCompanyError.style.visibility = "hidden";
document.getElementById("divSurname").innerHTML = "SURNAME *";
document.getElementById("divFirstname").innerHTML = "FIRST NAME *";
}


Here is the onClick event


<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="24" class="Goldcapstext"><input Name="rdoCompanyOwned" id="PrivateOwner" type="radio" value="0" onClick="DisplaySection(0)" TabIndex="9"></td>
<td width="105" class="Goldcapstext">PRIVATE</td> <td width="24" class="Goldcapstext"><input Name="rdoCompanyOwned" id="CommercialOwner" type="radio" value="1" onClick="DisplaySection(1)" TabIndex="10"></td>
<td width="110" class="Goldcapstext">COMMERCIAL</td>
<td><img src="assets/spacer.gif" width="10" height="1"><span id="lblErrorCompany" class="Redsmalltext"></span></td>
</tr>
</table>


Here is the div code


<TD width="200" id="Section1_1" class="Goldcapstext" nowrap>COMPANY NAME *</TD>
<TD id="Section1_2" align="left" nowrap><input name="txtCompany" type="text" maxlength="255" id="txtCompany" tabindex="11" onClick="hideCompanyDiv()" onChange="hideTitleDiv()" /></TD>
<TD id="Section1_3" width="1%" nowrap><div id="divCompanyError" style="visibility: visible; display: block;"><span id="lblErrorCompanyText" class="Redsmalltext"></span></div></TD>

Can someone help please?!?!