sidebar not showing Options

[miyashu]

I'm coding a myspace layout for the first time.

Here's what I have so far.

My problem: The sidebar is not showing, as you can see >__<. I'd appreciate if anyone could help me, thank you!

My codes:

About Me

<div style="position : absolute; left:0px; top:0px; overflow: hidden; z-index:0">
<img src="http://img147.imageshack.us/img147/2222/vincelayouter5.jpg">
</div>

<style>
body {
scrollbar-arrow-color:05a49a;
scrollbar-track-color:000000;
scrollbar-shadow-color:000000;
scrollbar-face-color:000000;
scrollbar-highlight-color:05a49a;
scrollbar-darkshadow-color:05a49a;
scrollbar-3dlight-color:333333;
overflow-x:hidden;
background-color:black;
background-image: url('http://img99.imageshack.us/img99/2610/vincebgbd7.jpg');
background-repeat:repeat-x;
}

.x {
font: 11px tahoma;
color: 80996b;
line-height: 14px;
text-align: justify;
}

h1 {
font-family:times new roman;
text-transform:none;
font-size:26px;
font-style:italic;
line-height:26px;
color:F12E24;
letter-spacing:-2px;
margin-bottom:11px;
margin-right:31px;
padding-right:4px;
padding-top:6px;
background-color:transparent;
text-align: left;
font-weight:normal;
border:0px;
}

h1:first-letter {
font-family:times new roman;
font-weight:normal;
font-style:italic;
color:3CB0A3;
font-size:36px;
text-transform: lowercase;
}

h2 {
font-family:arial;
text-transform:uppercase;
font-size:10px;
line-height:11px;
letter-spacing:1px;
color:b08948;
background-color:transparent;
text-align: left;
font-weight:bold;
padding:0px;
border:0px;
}

.content {
font:normal 11px verdana;
line-height: 13px;
color: 778f65;
text-align:left;
width:450px;
height:auto;
overflow:hidden;
position : absolute;
z-index:2;
left:50%;
top:0%;
margin-left:-450px;
margin-top:735px;
visibility:visible;}

.sidebar {
position : absolute;
width: 270px;
height: auto;
left: 0%;
top: 0%;
margin-left: 410px;
margin-top: 329px;
z-index: 0;
background-color: transparant;
text-align: left;
}

.nav {
width: 590px;
height:26px;
margin: 0 auto 0 auto;
}
.nav li {
float: left;
}
.nav li a, nav li a:visited {
display: block;
font: bold 18px arial narrow;
text-align:center;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 2px;
text-decoration: none;
color: e0e0ac;
background-color: 05a49a;
text-transform:uppercase;
margin: 0 5px 0 5px;
}
.nav li a:visited {
display: block;
font: bold 18px arial narrow;
text-align:center;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 2px;
text-decoration: none;
color: e0e0ac;
background-color: 05a49a;
text-decoration:none;
text-transform:uppercase;
margin: 0 5px 0 5px;
}
.nav li a:hover {
color: e0e0ac;
font: bold 18px arial narrow;
text-align:center;
text-transform:uppercase;
text-decoration:none;
background-color: 9fbc38;
}

.menu a {
display: block;
width:150px;
height: 11px;
padding: 2px 2px 2px 2px;
border: 1px solid #7EB56F;
border-bottom:1px solid #fff;
background: #05a49a;
text-transform:uppercase;
text-decoration: none;
filter:blendTrans(duration=0.5);
}
.menu a:link, .menu a:active, .menu a:visited {
.r{}
color: #e0e0ac;
text-transform:uppercase;
}
.menu a:hover {
.r{}
background: #d5a32b;
color: #e0e0ac;
text-transform:uppercase;
}

a:link, a:active, a:visited {
color:05a49a;
font:normal 10px verdana;
text-transform: none;
text-decoration:none;
font-weight:bold;
border-bottom: none;
}
a:hover {
color:d5a32b;
font-weight: bold;
border-bottom: none;
text-transform:none;
text-decoration:none;}

.r{}

.navi {
font-family:times new roman;
font-size:22px;
letter-spacing:-2px;
font-weight:bold;
line-height:13px;
color:7fac4f;
}
.small {
font-family:arial;
font-size:11px;
font-weight:bold;
letter-spacing:2px;
color:747A7C;
}

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table.footer {display: none;}

body table td div form {display:none !important;}

div table a.navbar img {display:none;}
div table {visibility:hidden;}
div table div, div table table, div table.navigationBar, table div table, div table form {visibility:invisible}
div table {border-bottom:0px !important; }
div table.navigationBar {margin-bottom:-30px;}


div table div div select {position:absolute !important; top:-200px !important; left:0px !important; }
</style>

I'd like to meet:

<div class="nav" style="position : absolute; left:60px; top:588px; width:500px; height:128px; padding:0px; z-index:4;">
<li><a href="URL">home</a></li>
<li><a href="URL">add</a></li>
<li><a href="URL">pics</a></li>
<li><a href="URL">friends</a></li>
<li><a href="URL">message</a></li></div>

<div class="content">
<h1> welcome</h1>
blah blah blah i'll type more later
</div>

<div class="sidebar">
<font class="x">
<span class="navi">so many dreams</span><br>
<span class="small">    about the girl</span><br>
<b>likes:</b> creative writing; faerie tales; ice cream; winter; web and graphic design; stationary; toys; violence in video games; sunshine on my skin; a circle of friends; looking at the world with wonder...
<br><b>dislikes:</b> dark waters; rain; humidity; dull people; closed-minded people; spelling mistakes; people who try too hard to be pretentious; demanded sympathy; writer's block; cold hands; bad hair days...
<br><br>
<b>described as:</b> adorable, a genius, beautiful, charming, clever, imaginative, lovable, original, sassy, spunky, sweet, talented, weird!
<br><br>
<img src="http://i127.photobucket.com/albums/p135/miyashu/cutie/scritterspandaot5.gif"> Momo is a girly girl, 18 years young and very cute :D. I kick back to sounds of all kinds, the loud electronic ferocious ones in particular, and a mix of Asian and European tunes. Get on my wrong side and I will eat you in the most unsexy of ways. I love many things, i.e. friendly, pretty people, cute things, good food, and throwing money at merchandise. And the word 'cake' is a strangely accurate summary of my being.
<br><br>
^.^ I don't bite, I nibble. A girl?s got to have some propriety after all.
<br><br>
Currently, and forever, I'm taken by the most wonderful NINja ever, and wouldn't trade him for the world, not even for life-size pocky. <img src="http://i127.photobucket.com/albums/p135/miyashu/cutie/15.gif">
<br><br>
And my real name is Jess, if you were wondering.<P>
</div>

[S-Majere]

Great stuff.

Topic Closed.