My electronics instructor, whenever I would bring my circuit to him for troubleshooting, would immediately rip all the wires out of the board. Then he would build the circuit. He would show me that the circuit worked. Then he would pull the wires back out and hand the thing back to me and say "Just do it like that".
I don't know what's generating your code (ImageReady = WebMessy?), but it's a bit of a mess. 11 columns?! What in the world do you need
that for?!
What you need to do is build your table
first (with a border of "1"

, without images, but with image tags that have correct dimensions and ALT tags. Add a lot of bogus text to simulate various situations.
Near as I can tell, all your content can fit into a single table with two columns and four rows.
Like so:
Code:
<HTML>
<HEAD>
<TITLE>referrals</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF TOPMARGIN=0 LEFTMARGIN=0>
<!-- ImageReady Slices (referrals.psd) -->
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><A HREF="default.asp"><IMG SRC="images/referrals_01.gif" WIDTH=53 HEIGHT=20 BORDER=0 alt="referrals_01.gif"></A><IMG SRC="images/referrals_02.gif" WIDTH=726 HEIGHT=20 alt="referrals_02.gif"></td>
</tr>
<tr>
<td colspan="2"><IMG SRC="images/referrals_03.gif" WIDTH=779 HEIGHT=60 alt="referrals_03.gif"><br /><IMG SRC="images/referrals_04.gif" WIDTH=779 HEIGHT=59 alt="referrals_04.gif"></td>
</tr>
<tr>
<!-- menu items -->
<td valign="top">
<IMG SRC="images/referrals_05.gif" WIDTH=31 HEIGHT=14 alt="referrals_05.gif"><A HREF="about.asp"><IMG NAME="referrals_06" SRC="images/referrals_06.gif" WIDTH=65 HEIGHT=14 BORDER=0 alt="referrals_06.gif"></A><IMG SRC="images/referrals_07.gif" WIDTH=96 HEIGHT=14 alt="referrals_07.gif"><br />
<IMG SRC="images/referrals_09.gif" WIDTH=192 HEIGHT=10 alt="referrals_09.gif"><br />
<IMG SRC="images/referrals_10.gif" WIDTH=67 HEIGHT=16 alt="referrals_10.gif"><A HREF="services.asp"><IMG NAME="referrals_11" SRC="images/referrals_11.gif" WIDTH=62 HEIGHT=16 BORDER=0 alt="referrals_11.gif"></A><IMG SRC="images/referrals_12.gif" WIDTH=63 HEIGHT=16 alt="referrals_12.gif"><br />
<IMG SRC="images/referrals_13.gif" WIDTH=192 HEIGHT=23 alt="referrals_13.gif"><br />
<IMG SRC="images/referrals_14.gif" WIDTH=89 HEIGHT=17 alt="referrals_14.gif"><IMG SRC="images/referrals_15.gif" WIDTH=67 HEIGHT=17 alt="referrals_15.gif"><IMG SRC="images/referrals_16.gif" WIDTH=36 HEIGHT=17 alt="referrals_16.gif"><br />
<IMG SRC="images/referrals_17.gif" WIDTH=192 HEIGHT=24 alt="referrals_17.gif"><br />
<IMG SRC="images/referrals_18.gif" WIDTH=102 HEIGHT=17 alt="referrals_18.gif"><A HREF="login.asp"><IMG NAME="referrals_19" SRC="images/referrals_19.gif" WIDTH=40 HEIGHT=17 BORDER=0 alt="referrals_19.gif"></A><IMG SRC="images/referrals_20.gif" WIDTH=50 HEIGHT=17 alt="referrals_20.gif"><br />
<IMG SRC="images/referrals_21.gif" WIDTH=192 HEIGHT=19 alt="referrals_21.gif"><br />
<IMG SRC="images/referrals_22.gif" WIDTH=89 HEIGHT=22 alt="referrals_22.gif"><IMG SRC="images/referrals_23.gif" WIDTH=103 HEIGHT=6 alt="referrals_23.gif"><br />
<A HREF="contact.asp"><IMG NAME="referrals_24" SRC="images/referrals_24.gif" WIDTH=81 HEIGHT=16 BORDER=0 alt="referrals_24.gif"></A><IMG SRC="images/referrals_25.gif" WIDTH=22 HEIGHT=16 alt="referrals_25.gif"><br />
<IMG SRC="images/referrals_26.gif" WIDTH=192 HEIGHT=74 alt="referrals_26.gif"><br />
<IMG SRC="images/referrals_27.gif" WIDTH=192 HEIGHT=59 alt="referrals_27.gif"><br />
</td>
<!-- body content -->
<td valign="top">
******PAGE CONTENT****************************************PAGE CONTENT****************************************PAGE CONTENT**********************************<br />
******PAGE CONTENT****************************************PAGE CONTENT****************************************PAGE CONTENT**********************************<br />
******PAGE CONTENT****************************************PAGE CONTENT****************************************PAGE CONTENT**********************************<br />
******PAGE CONTENT****************************************PAGE CONTENT****************************************PAGE CONTENT**********************************<br />
rooty-tooty-toot!<br />rooty-tooty-toot!<br />rooty-tooty-toot!<br />rooty-tooty-toot!<br />rooty-tooty-toot!<br />rooty-tooty-toot!<br />rooty-tooty-toot!<br />
rooty-tooty-toot!<br />rooty-tooty-toot!<br />rooty-tooty-toot!<br />rooty-tooty-toot!<br />rooty-tooty-toot!<br />rooty-tooty-toot!<br />rooty-tooty-toot!<br />
</td>
</tr>
</table>
</BODY>
</HTML>
I removed the JavaScript stuff because all the acid I took in the 60's made it swim around in front of my eyes, but you can just add the events back in where you want 'em.
Don't break lines!
This does what I think you want with the images you supplied. I tried to preserve as much of the code as possible, but you might want to take a look at including alt tags, closing img tags, etc.
Cheers,
![[monkey] [monkey] [monkey]](/data/assets/smilies/monkey.gif)
Edward
"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door