Error when showing Friends and Comments at the bottom of a div overlay Options

[frenchmonkey]

Hi,

I'm creating a myspace profile for one of my filmmaker buddies at: http://www.myspace.com/veit_helmer_tuvalu

As you can see - I've managed to create a div, complete with images etc., and unhide the comments and friends section.

Thing is i've gone wrong somewhere along the way - and my friends are appearing in a really bizarre manner - stretching out waaaaay to the right for some reason.

I've tried going back and starting over about 10 times, spent hours trying to figure it out - but I always end up with this problem.

The end result should ideally be friends and comments displaying, like in http://www.myspace.com/stickitmovie


Any help would be REALLY appreciated =)

- - - - - - - - - - - - -
This is the stylesheet code:

ILTM Section

<div class="comt"><table><tbody><tr><td><table>

INTERESTS:
<style type="text/css">
body {background-color:000000; background-image:none;}
td, .text, div, input {color:ffffff !important;}
span, b {color:white !important;}
a {color:ffff00 !important;} img {border:0px;}
table, tr, td, tbody {background-color:transparent; border:0px;}
table table table td {visibility:hidden;}
marquee, table table table div td {visibility:visible;}
table table embed {display:block; position:absolute; top:0px; left:0px; visibility:visible;}
table table table embed {position:static;}
table div div, table tr td div font a {visibility:hidden;}
.div1 div, .div2 div, .div3 div, .div4 div,
.div1 a, .div2 a, .div3 a, .div4 a {visibility:visible !important;}
.text, table table table table a,
table table table table div,.frm1 {visibility:hidden;}
table table table table div a, .frm1 input {visibility:visible;}
.herpe {content:"herpe's comments in div";}
a.text, .nametext, .contactTable, .lightbluetext8,
.comt table {position: relative; top: 45px; width: 750px;}
* html .comt table {top: 35px !important;}
.comt td {visibility: visible; background-color: transparent; border: none;}
.comt b {position: relative; top: -50px;}
.comt td td td b {top: 0px;}
.comt {
visibility: visible; width: 800px; height: 800px;
position:absolute; overflow: auto; left:50%; top:0%;
border:0px solid; border-color:silver;
margin-top:1250px; margin-left:-400px; background-color:000000;
}

.div1 {
background-color:000000; color:ffffff;
border:0px solid; border-color:silver;
width:800px; height:1200px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-420px; margin-top:150px; text-align:center;
visibility:visible;}

</style>
<div class="frm1"><table><tr><td><table><tr><td><table><tr><td>