Adding friends and comments to a DIV Options

[Seoul]

CODE

<style>

body table {margin-top:-5000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
.navbar, div table td font {visibility:hidden !important;}

body {background-color:FFFFFF;
background-image: url(http://cbimg6.com/layouts/08/03/31/26599aa.jpg);
background-attachment:fixed;
background-repeat:repeat;
scrollbar-arrow-color:000000;
scrollbar-face-color:f79158;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:ffffff;
scrollbar-shadow-color:ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-track-color:ffffff;
}


{text}
table, tr, td, li, p, div { color:000000; font-family:Candara; font-size:12px; }

.redtext { color:000000; font-size:12px; }

a:active, a:visited, a:link{ color:000000; font-family:Candara; font-size:11px; text-transform: uppercase; }

a:hover { color:000000; font-size:12px; }

b {color:000000; font-family:Candara; font-weight:bold; font-size:12px;}

u{font-family:Candara;font-size:12px;color:000000;
font-weight:bold;text-decoration:underline;
letter-spacing:0px;
text-transform:uppercase;
border-bottom:2px dashed;
border-bottom-color:000000;
letter-spacing:0px;}

.blacktext10 {
font-family: Candara;
font-size: 12px;
font-weight: bold;
color: 000000;
text-transform: uppercase;
letter-spacing: 0pt;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-color: 000000;
border-bottom-style: solid;
width: 250px;
line-height: 12px;
font-weight: bold !important;
display: block;
text-align: right;
margin: 0 0 -10px 0;
}



{divs}
.layout { background-color:transparent; background-image: url(http://img530.imageshack.us/img530/8383/26599abcopygd4.png);background-repeat: no-repeat;background-attachment: scroll;background-position:top center;
position: absolute;
left: 185px;
margin-left: 0%;
top: 160px;
height: 602px;
width: 802px;
overflow: auto;
z-index: 1;
}


.contact { background-color:none;
text-align: center;
position: absolute;
left: 584px;
margin-left: 0%;
background-color:d9c546;
top: 529px;
height: 29px;
width: 242px;
border-color:black;
border-style:solid;
border-width: 1px;
overflow-y:auto;
z-index: 2;
}

* html .contact { background-color:none;
text-align: horiontal;
position: absolute;
left: 584px;
margin-left: 0%;
top: 529px;
background-color:d9c546;
height: 30px;
width: 244px;
border-color:black;
border-style:solid;
border-width: 1px;
overflow-y: auto;
z-index: 2;
}


a.con:link, a.con:active, a.con:visited {
font-family: Candara, arial;
font-weight: none;
font-size: 12px;
color: 000000;
}

a.con:hover {
color: 000000;
font-weight: bold;
font-color: &035;d9c546;
font-family: Candara, arial;
font-size: 12px;


}


.aboutme { background-color:none;
position: absolute;
left: 584px;
margin-left: 0%;
top: 276px;
height: 187px;
width: 225px;
border-color:black;
border-style:solid;
border-width: 1px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

* html .aboutme { background-color:none;
position: absolute;
left: 584px;
margin-left: 0%;
top: 276px;
height: 188px;
width: 244px;
border-color:black;
border-style:solid;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;
padding-right:15px;
z-index: 2;
}


.box { background-color:none;
position: absolute;
left: 584px;
margin-left: 0%;
top: 467px;
height: 246px;
width: 410px;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

* html .box{ background-color:none;
position: absolute;
left: 584px;
margin-left: 0%;
top: 466px;
height: 246px;
width: 410px;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:15px;
z-index: 2;
}


.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .rid, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}

.comments{
position: absolute;
top: 1453px;
left: 50%;
margin-left: -405px; _margin-left: -403px;
width: 825px;
border: 0px solid white;
letter-spacing:2pt;
z-index: 3;
overflow: hidden;
}

.friendsComments .orangetext15, .commentlinks {color: FFFFFF; 10pt!important; font-weight: bold;}

.comments table table td {width: 825px;}

.friendsComments table td b {color: Silver;}

.friendsComments table table td b {color: White;}

.comments img, .comments a img {max-width: 825x!important;}

.comments img, .comments a img {filter: alpha(opacity=100); opacity: 1; -khtml-opacity: 1; border: 0;}

td.text td.text table table table td a img {width:70px;} td.text td.text table table table td div img {width:50px;} td.text td.text table table td img {width:250px; max-width:250px; width:auto;}
td.text td.text table table td div img {width:70px;}
* html td.text td.text table table td img {width:80px;}
* html td.text td.text table table td a img {width:70px;} * html td.text td.text table table td div img {width:50px;}

</style>

<div class="aboutme">
<div class="content" align="center">

<center><b>Established in 1927, Reynolds and Sons is one of the oldest sporting goods stores in Michigan. Not only is it the oldest, but it has always been family owned and operated.
<br /><br />
In the beginning, the store was stocked with hunting, fishing, and camping gear to go along with our other equipment for all other sports. These days, the hunting, fishing, and camping gear is no longer part of our business; however we are still extremely strong in team sports equipment and apparel servicing elementary school level all the way through the pro level with their sports needs.
<br /><br />
Visitors to our retail location will find a warm family atmosphere, quality name brand products, and a friendly knowledgeable staff.
<br /><br />
Nike, Reebok, Adidas, And One, Puma, and Nautica are just some of the brands we carry. We also have a strong presence in sports equipment and apparel. Our reputation amongst our customers and competitors is "if Reynolds and Sons doesn't have what your looking for, they would be happy to order it for you."
<br /><br />
So whether you are looking for shoes and apparel, or equipment and uniforms, come to the place where quality and service is our number one goal!
<br /><br />
For pictures of all of our footwear including: Nike Dunks, Blazers, Air Max's, Huraches, and more click <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9NDAzODI4Nzg2JmFsYnVtSWQ9ODE3MTcz" class="con">HERE</a>
<br /><br />
For pictures of all of our clothing and hats including: Azzure, Drop the Mic, and Jordan click <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9NDAzODI4Nzg2JmFsYnVtSWQ9ODE3MTc5" class="con">HERE</a>
<br /><br />
And for all of our newest releases and special promotions click <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9NDAzODI4Nzg2JmFsYnVtSWQ9ODE3MTgw" class="con">HERE</a>
<br /><br />
Continue to check back here at the site for dates of Huge Sales and New Releases. Pictures are updated daily along with info. Stop in at the store at any time and see what you have been missing!
<br /><br />
THIS FRIDAY IS OUR MONTHLY SIDEWALK SALE! 61SYX TEKNIQUE WILL BE OUT ON THE FLOOR IN FRONT OF THE BUILDING, AND SHOES WILL BE AT AN ALL TIME LOW PRICE-WISE! MAKE SURE YOU STOP OUT AND GET SOME NEW KICKS RIGHT IN TIME FOR SCHOOL!
<br /><br />
12 Monroe Center - Downtown Grand Rapids
616.456.7161
<br /><br />
Monday thru Friday 9AM - 5:30PM
Saturday 10AM - 2PM
<br /><br /></b></center>


</div>
</div>




<div class="box">
<div class="content" align="left">

<div style="text-align: left; width: 100%; height: 100%;"><form action="/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=403828786" method="post"><input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /><input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" /><textarea name="ctl00$cpMain$UserWriteCommentsControl$commentTextBox" style="width: 244px; height: 40px; color: 000000; font-size: 10px; font-family: Verdana; text-align: left; background-color: 018b72; background-image: url(''); border-color: 000000; border-width: 1px; border-style: solid;">Leave some love. Just ..</textarea>
<br />
<input type="submit" name="ctl00$cpMain$UserWriteCommentsControl$postcommentImageButton" value="do it" style="color: 000000; font-size: 10px; background-color: transparent; border-color: 000000; border-width: 1px; border-style: solid;" />
</form>
</div>
<br /><br />
</div>
</div>


<div class="contact"><center>

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="con">Home</a>

*

<a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9NDAzODI4Nzg2" class="con">Message</a>

*

<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00MDM4Mjg3ODY=" class="con">Add Me</a>

*

<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9NDAzODI4Nzg2" class="con">Pics</a>


<br />


<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTQwMzgyODc4Ng==" class="con">Block Me</a>

*

<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9NDAzODI4Nzg2" class="con">Blog</a>

*

<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPTQwMzgyODc4Ng==" class="con">Friends </a>

*

<a href="http://www.myspace.com/seoultek" class="con">In-Seoul Designs</a>


</div>


<div class="layout">
</div>

<div class="comt">
</div>

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

CODE

<style>
.a {without hiding friends and comments}
.a {without hiding the add comment link}
td.text td.text table,
td.text td.text td
{padding:0px; height:0px; font-size:0px;}
.redlink, td.text td.text .btext,
td.text td.text br,
td.text td.text td b,
td.text td.text td td,
td.text td.text td .orangetext15 {display:none;}
td.text td.text table {border:0px !important;}
</style>

That's what I've got... I'm trying to make my friends and comments visible!


AND why will I have a background border in Explorer, but not Firefox.. Cuz in firefox it's a transparent BG, but in Explorer I've got a grey box behind it...



all help is extremely appreciated. I'm pretty new at all this!