Slice image in tables displaying gap

I have a nastily awkward client design that is driving me balmy.

http://www.upstart.com.hk/amity_foundation/

There is table which holds the page head area on one page and then the nav and main sections in two side by side table cells in the next row.

I have split the original design PSD into three parts and then sliced them with imageready.

However, on IE6 there is a gap between the two table rows of the container table (you can see the line going through it) and on Fireworks there is an additional gap between the nav and the content area causing the content area to be not flush on the right side.

I have done this several times before without problems but for some reason I can't get everything to but up. Can anyone who has a chance to have a look see something missing in the code or something that I can change to stop the gaps?

I tried adding padding and margin arguments on the off chance but I know in my heart that is not the problem.

Ignore - fixed.