display,colspan and bgcolur is not working in Mozilla but working fine in IE

[kalpesh.jain9]

Hello,
I develpoing which working fine in IE but creating problem in Mozilla.Actually my purpose is first i am showing blank td with bgcolur white and click of radio button i called one funcation using javascript thn i am display the label and one combo box which overlapping the blank td.This is working fine in IE but problem in Mozilla.Problems are
1)The blank td not showing bgcolur white
2)whn i clickin on radio button then disaply label and combo box iin one td
but again bgcolur is not white.

Thanks in advance.

The following code is used

I am highlightinh point where i got problem


<%@ include file="/common/taglibs.jsp"%>
<link href="styles/defaultstyle.css" rel="stylesheet" type="text/css" />


<html:form method="post" action="/cle_admin_reports" styleId="reportform" >

<html:hidden property="surveyId" styleId="surveyId"/>


<html:hidden property="surveyId" styleId="surveyId"/>
<html:hidden property="surveyName" styleId="surveyName"/>
<html:hidden property="surveyType" styleId="surveyType"/>
<html:hidden property="stimulationIndex" styleId="stimulationIndex"/>
<html:hidden property="experientialIndex" styleId="experientialIndex"/>
<html:hidden property="customerSatisfactionIndex" styleId="customerSatisfactionIndex"/>




<table width="90%" border="0" align="center" cellpadding="2" cellspacing="1">
<tr>
<td class="Header"><fmt:message key="surveyDetail.heading"/></td>
</tr>
</table>
<br>


<table width="90%" border="0" align="center" cellpadding="2" cellspacing="1" class="gridnormal">

<tr>
<td colspan="6" class="tableheader01"><fmt:message key="surveyDetail.title"/></td>
</tr>
<tr>
<td width="18%" bgcolor="#FFFFFF"><fmt:message key="surveyForm.surveyName"/></td>
<td width="20%" bgcolor="#FFFFFF">
<c:out value="${survey.surveyName}" />
</td>
<td width="20%" bgcolor="#FFFFFF"><span class="textbold">
<fmt:message key="surveytypeForm.surveyTypeName"/></span></td>
<td width="20%" bgcolor="#FFFFFF">
<c:out value="${survey.surveytrend.surveytype.surveyTypeName}" /></td>
</td>

</tr>

<tr>
<td bgcolor="#FFFFFF"><fmt:message key="domainForm.domainName"/></td>
<td bgcolor="#FFFFFF"><c:out value="${survey.surveytrend.domainorgassociation.domain.domainName}" /></td>
<td bgcolor="#FFFFFF"><fmt:message key="organizationFormLable.companyname"/> </td>
<td bgcolor="#FFFFFF"><c:out value="${survey.surveytrend.domainorgassociation.organization.organizationName}" /></td>



</tr>
<tr>
<td bgcolor="#FFFFFF"><fmt:message key="surveyForm.startDate"/></td>
<td bgcolor="#FFFFFF">
<fmt:formatDate value="${survey.startDate}" pattern="dd/MM/yyyy" />
</td>
<td bgcolor="#FFFFFF"><fmt:message key="surveyForm.endDate"/> </td>
<td bgcolor="#FFFFFF"><fmt:formatDate value="${survey.endDate}" pattern="dd/MM/yyyy" /></td>



</tr>
<tr class="tableheader">

<td width="32%"><fmt:message key="reportForm.experientialIndex"/></td>

<td width="32%"><fmt:message key="reportForm.stimulationIndex"/></td>

<td width="32%" colspan="3"><fmt:message key="reportForm.customerSatisfactionIndex"/></td>

</tr>
<tr>
<td bgcolor="#FFFFFF" align="center"> <c:out value="${experientialIndex}" /></td>
<td bgcolor="#FFFFFF" align="center"> <c:out value="${stimulationIndex}" /></td>
<td bgcolor="#FFFFFF" align="center" colspan="3"> <c:out value="${customerSatisfactionIndex}" /></td>
</tr>
<c:if test="${engagementType=='C'}">
<tr>
<td bgcolor="#ffffff">
<html:radio property="viewGraphType" value="categoryWise" onclick="showDemographicList();" >
<fmt:message key="reportForm.viewCategoryWiseGraph"/></html:radio></td>
<td id="label_white" bgcolor="#ffffff" style="display:blockcolspan="5"">
</td>
<td id="label_demographicLabel" bgcolor="#ffffff" style="display:none" align="right">
<fmt:message key="reportForm.categoryOption"/>
</td>
<td id="text_demographicLabel" colspan="3" bgcolor="#ffffff" style="display:none" >
<html:select property="demographicId" styleClass="text" style="width:240px;" >
<html:option value=""><fmt:message key="combobox.select"/></html:option>
<html:options collection="reportDemographicList" property="demographicquestion.questionId" labelProperty="demographicquestion.questionName" />
</html:select>

</td>
</tr>
</c:if>
<tr>
<td class="text" colspan="6" bgcolor="#ffffff"><html:radio property="viewGraphType" value="indexPerParticipant" onclick="showDemographicList();" >
<fmt:message key="reportForm.viewIndexPerParticipant"/>&nbsp;
</html:radio>
</td>
</tr>

<tr>
<td colspan="6" bgcolor="#ffffff">
<html:radio property="viewGraphType" value="index" onclick="showDemographicList();" >
<fmt:message key="reportForm.viewIndex"/></html:radio></td>
</tr>
<tr>
<td colspan="6" bgcolor="#ffffff">
<html:radio property="viewGraphType" value="loyalParticipant" onclick="showDemographicList();" >
<fmt:message key="reportForm.loyalParticipant"/></html:radio></td>
</tr>

<tr>
<td colspan="6" bgcolor="#FFFFFF" >
<html:submit styleClass="btn" property="method.viewGraph" onclick="bCancel=false" >
<fmt:message key="report.viewGraph" />
</html:submit>
<html:submit styleClass="btn" onclick="bCancel=true" property="method.cancel">
<fmt:message key="button.back"/>
</html:submit></td>
</tr>
<tr>
</tr>
<tr>
<td class="tableheader" colspan="6"> Export Tabular Report to PDF,CSV or EXCEL Format</td>
</tr>
<tr>
<td class="text" colspan="6" bgcolor="#ffffff"><html:radio property="printType" value="pdf" >
<fmt:message key="reportForm.pdf"/>
</html:radio>
<html:radio property="printType" value="excel" >
<fmt:message key="reportForm.excel"/></html:radio></td>
</tr>
<tr>
<td colspan="6" bgcolor="#FFFFFF" >
<html:submit styleClass="btn" property="method.print" onclick="bCancel=false">
<fmt:message key="report.ExportGraph" />
</html:submit>
</td>
</tr>


</table>

</html:form>

And this funcation is called

<script >
function showDemographicList()
{


if(document.forms["reportform"].viewGraphType[0].checked)
{
document.getElementById('label_white').style.display = 'none'
document.getElementById('label_demographicLabel').style.display = 'block'
document.getElementById('text_demographicLabel').style.display = 'block'


}
else
{
document.getElementById('label_white').style.display = 'block'
document.getElementById('label_demographicLabel').style.display = 'none'
document.getElementById('text_demographicLabel').style.display = 'none'
}

}
</script>



Thanks and regards,
Kalpesh Jain