Hey guys, hope the geniuses here can help me. I'm making a new myspace layout, but for some reason, the links aren't showing in blocks. Here's the code, thanks in advanced and I'm still a newbie when it comes to this stuff, so let me know if anything else is wrong.

<style type="text/css">

.btext, .contacttable, .lightbluetext8, .nametext, .orangetext15, .redlink,

.whitetext12, .text .text {display:none;}

div table td font, table td div, td.text table, table table table {visibility:hidden; }

div table table td font a, table table td div, td.text table table, td.text table table

td.text {visibility:visible;}

table, tr, td {background-color:transparent;}

a.navbar:active, a.navbar:visited, a.navbar:link { color:B31B57; }
a.navbar:hover { color:B31B57; }

/*above is just the code I got to make the default myspace layout disappear*/

body {
background-color: 4D89A8;
background-image: url('http://img.photobucket.com/albums/v325/iL0vEgRe3nEyEs/myspace/myspace_bg.jpg');
background-repeat: repeat;
background-attachment: fixed;
background-position: top left; }

h1 {
font-size: 18pt;
font-style: italic;
font-face: times new roman;
color: C3C8CB; }

p {
font-face: times new roman;
font-size: 12pt;
color: 084D70;
font-style: italic; }

.main {
background-color: 4D89A8;
background-image:
url('http://img.photobucket.com/albums/v325/iL0vEgRe3nEyEs/myspace/myspace_topleft.jpg');
background-position: 0% 0%;
background-attachment: scroll;
background-repeat: no-repeat;
position: absolute;
left: 50%;
top: 175px;
margin-left: -400px;
width: 800px;
height: 800px;
border: 2px solid;
border-color: 084D70; }

.bottompic {
float: right;
width: 365px;
height: 276px; }

.menu {
width: 144px;
position: absolute;
top: 100px;
left: 140px; }

.menu ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: tahoma;
font-size: 10pt;
color: 084D70; }

.menu li {
margin: 3px 0 0; }

.menu a {
display: block;
width: 140px;
padding: 2px 2px 2px 2px;
border: 2px solid 084D70;
background: C1D7E2;
text-decoration: none; }

.menu a:link, .menu a:active, .menu a:visited {
color: 084D70; }

.menu a:hover {
border: 2px solid 084D70;
background: C3C8CB;
color: 084D70; }

</style>


and the HTML for the menu:

<div class="menu">

<ul>
<li><a href="">Home</a></li>
<li><a href="">Message Me</a></li>
<li><a href="">Add Me</a></li>
<li><a href="">Add Me - Group</a></li>
<li><a href="">Add Me - Favorites</a></li>
<li><a href="">Foward Me</a></li>
</ul>

</div>