Well I have found a work around for you :D - but not necessarily a fix. :grouch: For some odd reason the first row wanted to stretch out past the 100px height limit you specified, I have no idea why, but it wanted to. So I got to thinking that if we shortened up that first row a bit, to um.. let's say 100px tall (the size of one of your color faces AND also the size of the banner) then we could get row 2 to stretch as long as we needed.....
So, I tidy'ed up your table tags w/some CSS - I hope you don't mind, you can just apply the styles back as you like, but thought you might like to see some different ways of doing it. ;) THEN, lol, I put one of your colored faces and the banner in the top row and put the rest in the second row.... I also styled the bottom div w/some CSS too. It worked perfectly afterwards!!
OK, so I have included everything in the original source so you can just copy n' paste and plug it in and render it to check if it works for you. Make a backup of your original, just in case. ;) I also included some comments for you, so you know what I did, lol :hehe: OK, here it goes, I hope I didn't leave anything out :confusion
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>RAbout|Face - my alternative Facebook</title>
<style type="text/css">
body {color:#FFFFFF; background-color:#000000; font-size:12px; font-family: tahoma, sans-serif;}
a:link {color:#FC2B2B; text-decoration:none;}
a:visited {color:#3EFA45; text-decoration:none;}
a:active {color:#FCF937; text-decoration:none;}
a:hover {color:#FBA72B; text-decoration:none;}
/* YOUR CSS NOT USED/NEEDED
.sub {color:#7D3BFC; font-weight:bold;}
#side {width:100px; height:auto; padding:0px;}
#img {width:500px; height:100px; padding:0px;}
*/
.heading {color:#FFFFFF; background-image:url('bg.jpg'); background-repeat:repeat-x; line-height:14px; font-size:14px; border:1px solid #4040FA; font-weight:bold;}
#main {font-size:12px; border:1px solid #6C6C6C; width:390px; padding:5px; height:auto;}
#nav {font-size:13px; width:110px; padding:5px; height:auto;}
/*My Added Table CSS Codes For You :)*/
/* Controls borders, padding and vertically aligns ALL tables, rows, cells and images */
table, tr, td, img {border:0px; padding:0px; vertical-align:top;}
/* Specifies your main table properties */
table#contain {width:600px; text-align:center;}
/* Used to align text to the left since everything else is centered */
.leftalign {text-align:left;}
/* Bottom div styles and position */
div.alertdiv {position:absolute; left:721px; top:227px; width:16px; height:16px; visibility:hidden;}
/* Bottom div img style and position*/
img.newicon {position:absolute; left:0px; top:0px;}
</style>
</head> <body>
<table id="contain" align="center" cellspacing="0">
<tr>
<td>
<img src="red.jpg">
</td>
<td colspan="2"><img src="top.jpg"></td>
</tr>
<tr>
<td>
<img src="orange.jpg"><br />
<img src="yellow.jpg"><br />
<img src="green.jpg"><br />
<img src="blue.jpg"><br />
<img src="indigo.jpg"><br />
<img src="violet.jpg"><br />
</td>
<td id="main"><p class="heading">Welcome</p>
<p class="leftalign">This is my alternative Facebook, made mostly because my "About Me" section didn't have enough room for all the stuff I wanted to put on there. Also, I wanted to have a really small, lighthearted site about me, so I just got bored enough one day to make this. YAY!</p>
</td>
<td id="nav">
<p class="heading">Navigation</p>
<p>
<a href="http://www.withinmyworld.org/aboutface/blurbs.php">Personal Blurbs</a><br>
<a href="http://www.withinmyworld.org/aboutface/readinglist.php">Reading List</a><br>
<a href="http://www.withinmyworld.org/aboutface/latestmix.php">Latest iTunes Mix</a><br>
<a href="http://www.withinmyworld.org/aboutface/robinish.php">Robinish</a><br>
<a href="http://www.withinmyworld.org/aboutface/sydney.php">Sydney</a><br>
<a href="http://www.withinmyworld.org/aboutface/">Home</a><br>
<a href="http://uncg.facebook.com/profile.php?id=25009261" target="_blank">Back to Facebook</a><br>
</p>
</td>
</tr>
</table>
<div class="alertdiv" id="linkalert-box"><img class="newicon" id="linkalert-icon" src="new-icon.png" ></div>
</body></html>