Una Tabla dentro de Otra Tabla dentro de Otra tabla

[oabareload]

Tengo un problema con los estilos. Imaginen que tengo una serie de Categorías. Y por medio de Ajax (eso ya lo tengo) jalo las subcategorias. Y me las muestra abajo de esta categoría desplazando a las demás categorías. Luego esta subcategoria tiene mas subcategorias y lo mismo, le doy clic y desplazo a las demás subcategorias.

El problema es que no puedo hacer un estilo especial. O no encuentro otra forma de hacer sin tablas. Alguien sabe que puedo usar en vez de tablas (pero necesito el estilo pues no se mucho) o como puedo mejorar el código que uso ya que luego me salen un poco desplazadas las celdas y/o me quedan espacios que no quiero entre una fila y otra.

Código HTML:

<center>
<div id="report">
<table>
<tr>
<td>
<table id="reporte" cellpadding="0" cellspacing="0">
    <tr>
        <th id="iconos"></th>
        <th id="encabezados">Nombre</th>
        <th id="encabezados">Total productos</th>
        <th id="encabezados">Total vendidos</th>
        <th id="encabezados">Sobrantes</th>
    </tr>
    <tr>
        <td id="iconos"><img src="notes.png" onmouseover="this.style.cursor='hand';" onclick="parte('funciones.asp?fc=<%=fc%>&id=detalle1,'nivelsiguiente');"/></td>
        <td id="nombre">Categoría</td>
        <td id="money">10</td>
        <td id="money">2</td>
        <td id="money">8</td>
    </tr>
</table>
</td>
</tr>
<tr>
<td id="nivelsiguiente">
</td>
</tr>
</table>
</div>
</center> 

Y esto se repite una y otra vez. Todo lo que esta dentro del div se vuelve a jalar (obvio con un contenido diferente) y se agrega en la celda que tiene como "id" "nivelsiguiente" y así hasta mas o menos un nivel 5.

Por eso, HELP!!!!!!

Gracias por su atención.

[DragonX]

las tablas son para tabular datos, lo que estas haciendo esta bien, hacerlo por medio de CSS seria una perdida de tiempo. (es mi opinión)

DX

[oabareload]

Iniciado por DragonX

las tablas son para tabular datos, lo que estas haciendo esta bien, hacerlo por medio de CSS seria una perdida de tiempo. (es mi opinión)

DX

Eso lo entiendo... ahorita ya encontré una función que había olvidado... nowrap (creo que así lo puse) y aparentemente funciono, pero nada más en IE6 (lo probé en Firefox actual y no funciono) que es el que mas usan los usuarios que verán esa información.

El problema es que las celdas como que se alargan un poquito perdiendo la linea, lo cual es molesto y se ve feo. Pero aun así. Sino buscare una forma distinta... jejeje

Gracias