Visibilidade de <td></td> no FireFox

[Fernanda! 0]

Olá pessoal!

 

Criei uma função em JS para que sejam apresentados 3 ítens de uma tabela, e que eu possa navegar para frente e para trás nesses ítens. Funcinou que foi uma beleza no IE, mas no FF não. Pelo que entendi, é algo relacionando a visibilidade que eu coloquei nas tds, mas não sei como posso mudar isso. Tentei passar para uma div, mas também não rolou.

 

Segue o código JS:

 

function Anda(direcao,conteudo) {
		
		var nIni = 1;
		var nFim = 0;
		
		if (conteudo=='Agilidade') {
			nFim = 7;
		}

		if (conteudo=='Qualidade') {
			nFim = 6;
		}
		
		if (conteudo=='Estrategia') {
			nFim = 4;
		}
		
		if (direcao=='B') {
			if (document.getElementById("td"+conteudo+nIni).style.display=='none') {
				for (i=1;i<=nFim;i++) {
					if (document.getElementById("td"+conteudo+i).style.display=='block') {
						document.getElementById("td"+conteudo+(i-1)).style.display='block';
						break;
					}
				}
				for (i=nFim;i>=nIni;i--) {
					if (document.getElementById("td"+conteudo+i).style.display=='block') {
						document.getElementById("td"+conteudo+i).style.display='none';
						break;					
					}
				}
			}				
		}
		else {
			if (document.getElementById("td"+conteudo+nFim).style.display=='none') {
				for (i=1;i<=nFim;i++) {
					if (document.getElementById("td"+conteudo+i).style.display=='block') {
						document.getElementById("td"+conteudo+i).style.display='none';
						break;
					}
				}
				for (i=nFim;i>=nIni;i--) {
					if (document.getElementById("td"+conteudo+i).style.display=='block') {
						document.getElementById("td"+conteudo+(i+1)).style.display='block';
						break;					
					}
				}
			}
		}
	}

Agora, um pedaço da minha tabela que dá problema no FF:

 

<TABLE id="tabRandonEstrategia" cellSpacing="0" cellPadding="0" border="0">
													<TR>
														<TD width="23"><a href="java script:Anda('B','Estrategia');"><IMG height="42" src="2008_solucoes_seta_esq.gif" width="23" border="0"></a></TD>
														<td width="145" id="tdEstrategia1" align="center" style="display:block;">
															<img src="2008_solucoes_aps.jpg" width="97" height="76" alt="">
															<br><font color="#FFFFFF" size="1" face="Tahoma">Texto</font>
														</td>
														<td width="145" id="tdEstrategia2" align="center" style="display:block;">
														<img src="2008_solucoes_aps.jpg" width="97" height="76" alt="">
															<br><font color="#FFFFFF" size="1" face="Tahoma">Texto</font>
														</td>
														<td width="145" id="tdEstrategia3" align="center" style="display:block;">
															<img src="2008_solucoes_aps.jpg" width="97" height="76" alt="">
															<br><font color="#FFFFFF" size="1" face="Tahoma">Texto</font>
														</td>
														<td width="145" id="tdEstrategia4" align="center" style="display:none;">
															<img src="2008_solucoes_aps.jpg" width="97" height="76" alt="">
															<br><font color="#FFFFFF" size="1" face="Tahoma">Texto</font>
														</td>
														<TD width="23"><a href="java script:Anda('N','Estrategia');"><IMG height="42" src="2008_solucoes_seta_dir.gif" width="23" border="0"></a></TD>
													</TR>
												</TABLE>

Alguém conhece uma outra maneira de fazer a mesma coisa, mas que funcione em ambos navegadores?

 

 

Obrigada!

[andreia_sp 1]

Fernanda, eu testei no FF e funcionou normal.. ate tenho o Firebug e ele nao acusou nenhum erro.

O que só aconteceu de diferente pro IE, é que está um pouco desalinhado, mas funciona certinho