Problema con fondo de celda

[greenberet]

Hola muy buenas.

Pues resulta que estoy haciendo unas tablas anidadas en html y tengo el siguiente problema:

- estoy tratando de hacer una tabla en la que se repitan un fondo tanto en el eje x como en el y en dos de las celdas, el problema es que mientras que en firefox se ve todo al pelo en explorer no se repite la imagen en el eje x.

-agradeceria mucho cualquier comentario o sugerencia.

el fallo esta en:

<table class="fondo_sup_contenido" bgcolor="white" align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="sup_izq">
</td>
<td class="sup_central" >AQUI

</td>
<td class="sup_der">
</td>
</tr>
</table>

la estructura es la siguiente,esto es un extracto del codigo:

Código:

<td valign="top" align="center" width="100%" class="borderIzq">
	<table border="0" width="100%" cellpadding="0" cellspacing="0">
		<tr>
			<td valign="top" width="100%" height="26" class="bordeDisOV">
				------DATOS----------
			</td>
		</tr>
		------DATOS----------
		<tr>
			<td valign="top">
				------DATOS----------
				<table class="fondo_sup_contenido" bgcolor="white" align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
					<tr>
						<td class="sup_izq">
						</td>
						<td class="sup_central" >
						</td>
						<td class="sup_der">
						</td>
					</tr>
				</table>
				<table class="fondo_lateral_contenido" bgcolor="white" align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
					<tr>
						<td class="lateral_izq">
						</td>
						<td>
							<table class="fondo_interior_contenido"  align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
				
								<tr>
									<td class="cabeceraMenuOV2_bis" width="42%">Nombre</td>
									<td class="cabeceraMenuOV2_bis" width="33%">Descripción</td>
									<td class="cabeceraMenuOV2_bis">Acciones</td>
								</tr>
								------DATOS----------
								<tr >
									<td >
										
									</td>
									<td >
										------DATOS----------
									</td>
									<td >
										------DATOS----------
									</td>
								</tr>
								------DATOS----------
							</table>
						</td>
						<td class="lateral_der">
						</td>
					</tr>
				</table>
				<table class="fondo_inf_contenido" bgcolor="white" align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
					<tr>
						<td class="inf_izq">
						</td>
						<td class="inf_central">
						</td>
						<td class="inf_der">
						</td>
					</tr>
				</table>			
			<br/><br/>
				
		</td>				
	</tr>

y la hoja de estilo:

Código:

.fondo_sup_contenido{

width:97%;
height:20px;
}
.fondo_lateral_contenido{

width:97%;

}
.fondo_inf_contenido{
width:97%;
height:40px;
}

.fondo_interior_contenido{
/*width:776px;*/
width:98%;
padding-bottom:25px;
}

.sup_izq{
background-image:url(../images/sup_izq_.png);
width:28px;
height:20px;
background-repeat:no-repeat}

.sup_central{
background-image:url(../images/sup_central_.gif);
background-repeat:repeat-x;
height:20px;
}

.sup_der{
background-image:url(../images/sup_der_.png);
width:28px;
height:20px;
background-repeat:no-repeat}

.lateral_izq{
background-image:url(../images/lateral_izq_.png);
background-repeat:repeat-y; 

width:12px;

}
.lateral_der{
background-image:url(../images/lateral_der_.png);
background-repeat:repeat-y;

width:14px;
}

.inf_izq{background-image:url(../images/inferior_izq_.png);
width:47px;
height:40px;
background-repeat:no-repeat;
}

.inf_central{
background-image:url(../images/inferior_central_.gif);
background-repeat: repeat-x;
height:20px;

}
.inf_der{
background-image:url(../images/inferior_der_.png);
width:47px;
height:40px;
background-repeat:no-repeat
}

[HackmanC]

Hola,

Posiblemente, puedes probar a llenar la celda,

Código:

<td class="sup_central">&nbsp;</td>

Saludos,

[greenberet]

Increible! Funciono!! te lo agradezco mucho. no lo llego a entender, en fin,cosas del explorer...