Comment or Friend Table Stretching DIV Options

[AncientWhisper]

Hey guys!!! My layout is just about perfect, but there's one problem.

My Myspace

On the comment box, the comments, and the text--- everything is aligned right. However, somehow, there managed to be a blank space of nothing that stretches my DIV to 435 pixels instead of 315 pixels. o_O

Well, it's not really nothing, but I believe it's the invisible friends table--- or maybe there is really something wrong. But I'm not really sure. I know it's not the comments, because those are already resized to fit, also it's not the quick comment box at the top because that's resize to fit too.

I paste this in About me:

CODE

<div style="position: absolute; width:900px; height: 561px; top:0px; left:0px; background-color: 555555; background: url(http://img89.imageshack.us/img89/9814/backgroundouranpk8.jpg); ">
<IMG SRC="http://img187.imageshack.us/img187/4204/ouranlayoutip7.gif" BORDER=0 WIDTH=900 HEIGHT=411PX USEMAP="banner" style="margin-top:150px;">
<IMG SRC="http://img225.imageshack.us/img225/9387/ouranlayout2jz9.jpg" BORDER=0 WIDTH=900 HEIGHT=574PX USEMAP="footer">
<br /> <p><center>© Ancient Whisper Productions. All Characters are copyrighted to Bisco Hitori.</center></p>
</div>

<DIV style="width:629px; position:absolute; top:756px; left:135px; height: 195px; overflow: auto; filter:chroma(color=BFBFFF);

scrollbar-arrow-color: BFBFFF;
scrollbar-face-color: BFBFFF;
scrollbar-3dlight-color: BFBFFF;
scrollbar-darkshadow-color: 000000;
scrollbar-highlight-color: 000000;
scrollbar-shadow-color: BFBFFF;
scrollbar-track-color: BFBFFF;">

<br />
<h1>YOUR LOVELY HOST,</h1>
<h2>THE ELEGANT ME, CINDY</h2>
<p>Welcome, my precious, lovely guest to our beloved host club!!! Please enjoy your wonderful stay, and please do speak to us what's in that brilliant mind of yours. Oh, no need to ask my humble friend; this celestial being who stands before your dazzling eyes goes by the name of Cindy. [although I'm oddly acting like Tamaki. xD] Do I catch your interest? Or maybe you fancy those who are the wild type? [Mori] How about loli-shota? [Hunny] Little devil [Kaoru + Hikaru] or cool..?[Kyoya] Maybe perhaps prince?[Tamaki] Some would prefer a more original beautiful--- do you like the natural?[Haruhi] Whatever suits you, the Host Club proudly presents these six lovely figures to suit your fancy.</p>

<p>So who would you chose? The elegant me... for the admirable you. Oh, I know, you cannot decide. Well, it is very standard for newcomers to be puzzled and flustered when they just HAVE to chose one out of the six of us. Apparently, it's such a hard, crucial decision that one has to make; so as always--- I, the beautiful maiden, shall guide you to your perfect host. Shall I introduce myself first?</p>

<p>As stated before, this exquisite face goes by the name of Cindy. She enjoys many wonderful things--- mostly subjects associated to the hobbies of a commoner. Her drawing abilities brings out her inner beauty, and of course, how could I have forgotten? Cindy is the shy type. Her mannerism might often appear rather ignorant or silent, but once you speak out your mind enough, she will too.</p>

<p>She LOVES receiving compliments, so very few would say that she never strives to get the best. Her competitive nature sometimes drive people out of her view, but otherwise, this sweet and divine girl is friendly. Being a gamer, Cindy enjoys RPGs--- specifically Final Fantasy. Her wild collection of the games over the years could make your jaws drop. Now please, don't waste a single breath, I'll tell you everything about her.</p>

<p>A major flaw to her nature, would be her obsession with an in animated character named Cloud Strife. A single mention of the word, "Cloud" brings her to an obvious violent mode called "Fangirl Mode". But do not worry, with the help of Hikaru and Kaoru, we can bring her down to her usual temper. Wondering what she likes to listen to? Her most preferred genre of music is Rock, but her favorite singer is a J-Rock singer named Gackt. Please refrain mumbling his name as well--- since she can also trance into "Fangirl Mode" through this technique.</p>

<p>If I have to say, Web Designing is also one of her most exclusive talent. One would most likely find half of her time on the computer, chatting or customizing layouts for the public for a low price. Just be her friend, and who knows? Maybe she'll construct one for you, herself. Far from being over, her graphic-designing hobby have just begun! Well, of course, I'm being a little generous-- but her actual designing days begun at the Spring of the year 2004. Her skills have increased dramatically and as does her drawing skills; crafty person, I may add.</p>

<p>Torn from reality and her own delusions, Cindy finds herself frightened and terrified of many normal things considered by ordinary people. Some may refer to her as an odd person, but that is up for you to decide. She gets the goosebumps around paranormal thoughts, bugs, and "things that aren' meant to be." She could not stand seeing what goes in the human body, and freaks out during scary movies or games. This explains her incline for RPGs rather than shooting games which causes her to panic.<p>

<p> Relatively, she avoids sweets, but takes it as a consideration if you ever want to present her with sweets as an admirable gift. Cindy often dislikes posers, and narcissistic people, as well as immature jerks. So before you meet her, be sure you're perfect, if you know what I mean.;] Also, please do not annoy her if you have a mischievous nature, she'll go berserk on you; which is not very good.</p>

<p>So, does my informative diction grasp your enthusiasm? What a tragedy if it didn't. What? It did? Well, I'm most impressed. I was concerned and was wondering whether I was boring you with my ridiculous long running speech. Anyhow, I am most fluttered that you'd pick for me to be the host for you today. *laughs* Wasn't that suprising? How I've lured you into a long conversation without your observance of even realizing it. Now that I've introduced you to the elegant me, charm and amuse me. Am I your type?</p>

<h1>TEA LEAVES AND ORNAMENTED CHINAS</h1>
<h2>THE HOST CLUB</h2>
<p>Ah, welcome back, my loyal customer. What brings you to this beautiful blossoming spring afternoon?</p>
<h2>LAYOUT VERSION 9.0- OURAN HIGH SCHOOL HOST CLUB</h2>
<p>This layout designed to embellish this memorable spring afternoon features the hosts from Ouran High School Host Club, an anime in which Cindy enjoys. From left to right, the banner features Kaoru, Kyouya, Haruhi, and Tamaki; then, Hunny, Mori, and Hikaru. I deeply apologize if I've mistakened Kaoru and Hikaru; they are quite hard to separate and identify. ^_^;;; The embracing images of the group were found <a href="http://ouran.krysyuy.net/">For Richer or Poorer</a>, and the images of the flowers were found at <a href="http://www.amazonflowers.us."> AmazonFlowers</a>. All characters were brought to life by Bisco Hitori, the genius who wrote and design Ouran High School Host Club.</p>
<h2>FAVORABLE HOSTS</h2>
<p>Ah, what an interesting question. There is no right or wrong answers, but I personally admire the prince of this Host Club: Tamaki Suoh. He's amazingly handsome, and his cocky nature makes him... quite special. He's the entertainer of the group, and although we poke at him for fun, he's truly the ruler. [Or in other words, he's hot, he's cool, and I love Tamaki; GO TAMAKI!!!]</p>
<h2>SWEET TALK</h2>
<p>I apologize if I severely freaked you out. My language and grammar structure have changed because of the layout. How could one be luxurious and majestic without the use of these loving sentences? What matters, is that I caught your attention; did I not?</p>
<h2>Credits</h2>
<p>I honor my fans and friends who have brought this lowly developed Host Club to an extravagant and entertaining activity. Without the inspiration of my friends and fans, I would not be on Xanga helping people with their graphic needs [and certainly not on Myspace]. My most credit goes to Imageshack for hosting all of these images for me, and Blogring.net for boosting me to the top. I apologize for leaving Blogring, but I felt of no use. Thanks for supporting me throughout the years everyone, and I hope you like this layout.</p>

<h1>CLOSING TIME</h1>
<h2>WE'LL WELCOME YOU WITH OPEN ARMS</h2>
<p>Leaving so soon? What a shame. Well, I guess I cannot keep such a flawless angel like you for eternity. Please come back whenever you have time to kill, and perhaps we can engage into more conversations about YOU. Until then, you can leave me a few comments, and the Host Club wil gladly read it into consideration.<br> <br>

<b>Thank you, and Good-Bye!!!<br>
-Cindy</b></p>
</div>


<DIV style="width:765px; position:absolute; top:572px; left: 74px; overflow: visible; height: 35px;">

<a href="http://www.myspace.com/48790459" class="navigation"> //XANGA</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.forward&friendID=48790459&f=forwardprofile" class="navigation"> //FORWARD ME</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=48790459&public=0" class="navigation"> //FAVORITE ME</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=48790459" class="navigation"> //BLOCK ME</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=48790459" class="navigation"> //MESSAGE ME</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=48790459" class="navigation"> //ADD ME</a>
<a href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=48790459" class="navigation"> //ADD GROUP</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=48790459&MyToken=e1eab2cc-0d1e-4979-8110-c83679beeeee" class="navigation"> //MY FRIENDS</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=48790459" class="navigation"> //VIEW PICS</a>
</div>

<DIV style="width:765px; position:absolute; top:610px; left: 341px; overflow: visible; height: 35px; filter:alpha(opacity=75)">

<object type="application/x-shockwave-flash" data="http://72.232.7.66/mp3_players/managed/plr_5/player.swf" height="85" width="250">
  <param name="movie" value="http://72.232.7.66/mp3_players/managed/plr_5/player.swf" />
  <param name="allownetworking" value="internal" />
  <param name="allowScriptAccess" value="never" />
  <param name="enableJSURL" value="false" />
  <param name="enableHREF" value="false" />
  <param name="saveEmbedTags" value="true" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <param name="flashvars" value="USERID=185171" />
</object>
</div>



<div class="comments" style="width:310px; position:absolute; top: 988px; left:310px; height:137px; overflow:auto; filter:chroma(color=BFBFFF);

scrollbar-arrow-color: 939081;
scrollbar-face-color: BFBFFF;
scrollbar-3dlight-color: BFBFFF;
scrollbar-darkshadow-color: BFBFFF;
scrollbar-highlight-color: BFBFFF;
scrollbar-shadow-color: BFBFFF;
scrollbar-track-color: BFBFFF;
">

<div><br />
<center><form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment">
<input type="hidden" name="friendID" value="48790459">
<textarea name="f_comments" class="talk" cols="75" rows="6">What's up?</textarea><br>
<input type="submit" class="talk" value="Click here to Submit!">
</form></center></div>


<div style="position:relative; height:0px; overflow:none; border:0px;"> <div class="friends"> <table><tr><td> <table><tr><td>

</div><style>.r{}</style>

<style>

body {
cursor: normal; align: center;
SCROLLBAR-FACE-COLOR:EC8D94;
SCROLLBAR-HIGHLIGHT-COLOR:FADADD;
SCROLLBAR-SHADOW-COLOR:EC7C87;
SCROLLBAR-3DLIGHT-COLOR:FADADD;
SCROLLBAR-DARKSHADOW-COLOR:EC7C87;
SCROLLBAR-ARROW-COLOR:CCAEAF;
SCROLLBAR-TRACK-COLOR: CCAEAF;
overflow-x:hidden;
}
font {background-color: transparent}

.redlink, .orangetext15, .btext {
COLOR: 939081;
FONT-SIZE: 1;
}

div div table td td font {visibility: hidden;}

b, strong, .btext {
  font: 11px tahoma;
  font-weight: heavy;
  color: FF0082;
  text-align: justify;
  }

i, em, .itext  {
  font-family: tahoma;
  font-size: 11px;
  color: 000000;
  text-align: justify;
  }

u, s, .stext, .sbtext, .swtext {
  font-family: tahoma;
  font-size: 11px;
  color: DB8C63;
  text-align: justify;
  }

a, a:link,a:active {FONT: 11px tahoma;
COLOR:939081;
TEXT-DECORATION: none
Letter-spacing: 0px;
font-weight: bold;

}


a:visited{FONT: 11px tahoma;
COLOR:939081;
TEXT-DECORATION: none
Letter-spacing: 0px;
font-weight: bold;
}

A:hover {FONT: 9px tahoma;
COLOR:ffffff;
TEXT-DECORATION: none
Letter-spacing: 0px;
font-weight: bold;
}

.blacktext10 {
FONT-WEIGHT: normal; FONT-SIZE: 9; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:FF0082; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
}

a:hover.pic img {filter:alpha(opacity=80);}
a:link img { filter: Gray; }
a:hover img {filter: none; }

.header {
FONT-WEIGHT: normal; FONT-SIZE: 9; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:FF0082; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
z-index: 3;
}

.content{
background-color: transparent; display: none;}

table table td.text table td.text tbody table tbody td table td {display: none !important; display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none !important;}

</style>
<style type="text/css">
    table, tr, td {background:transparent; }
    table table table table,{display:none; }
td.text table, .orangetext15 {visibility:hidden; }
    td.text table table {display:inline; visibility:visible; width: 300px;}
</style>


<style type="text/css">
body {
background-color: CCAEAF;
background-repeat: repeat-y;
background: url(http://img89.imageshack.us/img89/9814/backgroundouranpk8.jpg);
}

p:first-letter{font: 20px georgia; color: 693131; }

p, table, tr, td, th, div{
border: 0px;
FONT: 11px tahoma; COLOR: D95B4C;
LETTER-SPACING: 0px; TEXT-ALIGN: justify
font-weight: bold;
}

a.navigation{
font: 9px tahoma;
color: ffffff;
border: 2px outset;
border-color: F26759;
height: 13px;
     width:81px;
text-decoration: blink;
text-align: center;
background-color: FBAEB7;
}

a.navigation:hover {
     font: 9px tahoma;
border: 2px outset;
border-color: ffffff;
height: 13px;
     width:81px;
text-decoration: blink;
text-align: center;
color: F26759;
background-color: FBE5E4;
}

a.navigation:visited  {
font: 9px tahoma;
text-align: center;
color: ffffff;
border: 2px outset;
border-color:F26759;
height: 13px;
     width:81px;
text-decoration: blink;
background-color: FBAEB7;
}

a.friends{
font: 9px tahoma;
color: 6B7A7C;
border: 1px outset;
border-color:707070;
height: 25px;
width:130px;
text-decoration: blink;
background:url(http://img122.imageshack.us/img122/4107/dimfriendsfd3.jpg);
}

a.friends:hover {
     font: 9px tahoma;
background-color: B2A197;
border: 1px outset;
height: 25px;
width:130px;
text-decoration: blink;
text-align: right;
color: 000000;
background:url(http://img337.imageshack.us/img337/3088/dimfriends2qx7.jpg);
}

a.friends:visited  {
font: 9px tahoma;
color: 6B7A7C;
border: 1px outset;
border-color:707070;
height: 25px;
width:130px;
text-decoration: blink;
background:url(http://img122.imageshack.us/img122/4107/dimfriendsfd3.jpg);
}

h1    
{
color: BF5E61;
font-weight: normal;
font-size: 17pt;
margin: 0 .5em;
position: relative;

}

h2
{
color: 693131;
position: relative;
top: -1em;
font-size: 9px;
font-weight: normal;
margin: 0 3.5em;
letter-spacing: .5em;
text-transform: uppercase;
top: -1px;
border-bottom: 3px double BF5E61;
}

quote
{
display: block;
}

main
{
display: block;
}

h1, h2    
{
font-family: Georgia, times new roman;
}

textarea.code
{
font:normal 9px arial;
color:999383;
scrollbar-track-color: C8C8B8;
SCROLLBAR-FACE-COLOR:ffffff;
SCROLLBAR-HIGHLIGHT-COLOR:E0DACA;
SCROLLBAR-SHADOW-COLOR:E0DACA;
SCROLLBAR-3DLIGHT-COLOR:ffffff;
SCROLLBAR-ARROW-COLOR:E0DACA;
SCROLLBAR-DARKSHADOW-COLOR:ffffff;
border-color:C8C8B8;
background-color:555555;  
width: 150px;
}

textarea.talk
{
font:normal 11px tahoma;
color:555555;
scrollbar-track-color: F6A8AC;
SCROLLBAR-FACE-COLOR:F6A8AC;
SCROLLBAR-HIGHLIGHT-COLOR:F6A8AC;
SCROLLBAR-SHADOW-COLOR:F6A8AC;
SCROLLBAR-3DLIGHT-COLOR:000000;
SCROLLBAR-ARROW-COLOR:000000;
SCROLLBAR-DARKSHADOW-COLOR:000000;
border-color:000000;
background: url(http://img251.imageshack.us/img251/1590/commentouranwj1.jpg);  
width: 240px;
}


input.talk
{
font:normal 11px tahoma;
color:FC627E;
scrollbar-track-color: 000000;
border-color:000000;
background-color:000000;  
width: 240px;
}
</style>



<style type="text/css">
td.text td.text table b, td.text td.text{ width: 280px;}

table table td {width: 120px;}
</style>