can someone tell me whats wrong with it cause all it did was put my prodile all white with a comment box:confused:

i put this in the about me section;

<style type="text/css">
.main{
position:absolute;
left:50%;
top:125px;
width:800px;
z-index:1;
margin-left:-400px;
}
.navigation{
border-bottom:1px solid;
border:1px solid;
}

.navigation li{
display:inline;
list-style-type:none;
padding:0 20px 0 0;
}

.navigation a:link, .navigation a:visited{
font-family:arial;
font-size:11px;
padding:3px;
}

.navigation a:hover{
text-decoration:none;
padding:3px;
}

.content{
width:525px;
float:left;
padding:5px 5px 5px 7px;
margin:5px 0 0 5px;
border:1px solid;
}

.sidebar{
width:210px;
float:right;
padding:5px 5px 5px 7px;
margin:5px 5px 0 0;
border:1px solid;
}

input{
color:d6d3d3;
background-color:555555;
border:1px solid;
border-color::d6d3d3;
margin-left:6px;
margin-top:4px;
}

input:hover{
color:555555;
background-color:999999;
border:1px solid;
border-color::555555;
}

input:focus{
color:555555;
border:1px solid;
bord-color:555555;
}
</style>

.testcontainer{clear: both; width: 520px; height: 300px; padding: 5px; background-color: 999999;}
.testcontainerl{float: left; width: 225px; height: 280px; margin: 2px; padding:3px; background-color: 865433;}
.testcontainerr{overflow: scroll; float: right; width: 275px; height: 250px; margin: 2px; padding: 3px; background-color: 888888;}


<style type="text/css">
body {
font-family: helvetica, arial, sans-serif;
font-size: 62.5%;
background-color: FFFFFF;
}

table, td {
background-color: FFFFFF;
}

.main{
position:absolute;
left:50%;
top:125px;
width:800px;
z-index:1;
margin-left:-400px;
}

.main a:link, .main a:active, .main a:visited {
color: a3bdc8;
text-decoration: none;
font-size: 1em;
}

.main a:hover {
color: ffffff;
}

img {
border: 0;
filter:alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
}

img:hover{
filter:alpha(opacity=95);
-moz-opacity: 0.95;
opacity: 0.95;
}

p, li {
font-size: 1.2em;
color:000000;
}

.title1, .title2 {
font-weight: bold;
text-transform: lowercase;
letter-spacing: -1px;
color: 000000;
}

.title1 {
font-size: 1.3em;
}

.title2 {
font-size: 1.2em;
}

.title2 a {
font-size: 1.1em;
}

.sidebar .title2 {
padding: 0 0 0 12px;
}

.newnav {
margin: 11px 0 20px 0;
padding: 0;
text-transform: lowercase;
letter-spacing: -1px;
}

.newnav a {
font-size: 1.2em;
color: 000000 !important;
}

.newnav a:hover {
color: 000000 !important;
}

.newnav .active {
color: 000000 !important;
}

.newnav li {
list-style: none;
display: inline;
margin: 0 0 0 13px;
}

.sidebar {
float: right;
width: 200px;
}

.content {
float: left;
width: 500px;
padding: 0 0 0 28px;
}

.breaker {
clear: both;
margin-top: 25px;
border-top: 1px solid;
border-color: 777777;
background-image: url("http://i24.photobucket.com/albums/c36/Monkey823/Myspacebackground.jpg");
background-repeat: repeat-x;
height: 200px;
}

.cell {
float: left;
padding-top: 10px;
margin: 0 0 0 25px;
}

.cell-inner {
width: 225px;
padding: 0 10px 0 0;
}

.bottoms {
clear: both;
padding: 45px 0 0 0;
}

textarea {
background-color: FFFFFF;
border: 1px solid;
border-color: 000000;
color: FFFFFF;
padding: 3px;
overflow: hidden;
}

input {
background-color: FFFFFF;
color: ffffff;
border: 1px solid;
border-color: 000000;
}

.askfirst {
clear: both;
text-align: center;
padding: 25px 0 0 0;
}
</style>
can some1 tell me whats wrong :waves:

and i also put this in the i'de like to meet section:

<div class="main">
<table style="width:800px;
height:800px;
cellpadding:0px;
cellspacing:0px;
background-color:FFFFFF;">
<tr><td valign="top">

INSERT CONTENT AND ADDITIONAL DIVS

</td></tr></table></div>


<div class="main">
<table style="width:800px;
height:800px;
cellpadding:0px;
cellspacing:0px;
background-color:FFFFFF;">
<tr><td valign="top">

<div class="navigation">
<ul>
<li><a href="http://url">Link 1</a></li>
<li><a href="http://url">Link 2</a></li>
<li><a href="http://url">Link 3</a></li>
<li><a href="http://url">Link 4</a></li>
<li><a href="http://url">Link 5</a></li>
</ul>
</div>

<br />

<div class=&quotcontent">

MAIN CONTENT BODY

</div>

<div class="<div class="sidebar">
<div class="commentbox">
<center>Add Comment / <a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID="28065099">View All</a><br />
<form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment">
<input type="hidden" name="friendID" value="28065099">
<textarea name="f_comments" cols="25" rows="5"></textarea><br />
<input type="submit" value="Post">
</form></center></div>
<br />
YOUR SIDEBAR CONTENT
</div>">

SIDEBAR CONTENT

</div>

</td></tr></table></div>

<div style="position:relative; height:400px; overflow:hidden; border:0px;"><table><tr><td><table><tr><td>

<div class="testcontainer">
<div class="testcontainerl">
<p>We’re going to float this container to the left</p>
</div>
<div class="testcontainerr">
<p>We’re going to float this container to the right</p>
</div>
</div>

whats wrong with it?