Nested Tables + Show / Hide Rows issue

Hi

I'm generating a series of reports from an application that will be
published on a client's intranet.

The idea is that each of these reports is arranged into major product
groups, sub-groups and product lines. All of this is to be in a table
with one header.

Example here:
http://www.aoxc25.dsl.pipex.com/test.htm

Clicking on "Master Group" shows any "Major Groups", which in turn
shows any "Product Groups"...and on to products themselves.

The show / hide seems to work fine. The problem is that because I am
having to use nested tables for this, the vertical borders are not
aligning. They should all be aligned as though they were in one table.

In my css (http://www.aoxc25.dsl.pipex.com/css/style.css), I've set
border-collapse: collapse; and table borders to none.

What could I do to resolve this? Or is there a better way of doing it
without nesting tables?

thanks in advance...

Rik

le_sloth wrote:

http://www.aoxc25.dsl.pipex.com/test.htm

Clicking on "Master Group" shows any "Major Groups", which in turn
shows any "Product Groups"...and on to products themselves.

The show / hide seems to work fine.

Not in Firefox it doesn't. "ClickedLink.parentElement has no properties".

Also, you've given a doctype of HTML 4.01 Transitional, yet you're using
XHTML syntax e.g. <col />.

--
Mark.
http://tranchant.plus.com/