navigation won't show?!, I don't get this... Options

[aym]

http://same-one.lima-city.de/chocmint/index.html

So, that's the way I would like to have it with
this mouseOVER-effect on the top. but it won't show!!

But it shows like this:

www.myspace.com/aym1

What's wrong...

aym

[miyashu]

Topic must include a screenshot or url AND any coding used.

we'll need you to post your codes, please.

[aym]

we'll need you to post your codes, please.

I'm so dumb...SORRY!!

CODE

<style type="text/css">
.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;}
</style>

<style type="text/css">

a:link, a:visited, a:active {
text-decoration: none;
color: 444444;
font-size: 10px;
font-family: verdana;
}
a:hover {
color: 444444;
text-decoration: none;
font-size: 12px;
font-family: verdana;
-moz-border-radius: 6px;
}

a img {border: 0}
.trans{position:absolute;left:50%;margin-left:128px;top:-50px;height:20px;width:100px;}
body table {margin-top: 30px;}
body td table, body div table {margin-top: 10;}
table, tr, td {background-color: transparent;}
body table div form {display: block;}

a.navbar:hover {color: C9906E;}
td td embed, td td object {position: absolute; top: 100px; left: 50%; margin-left: -145px;}
td td td embed, td td td object {position: static !important;}
div table td font {display:hidden;}
.navigationBar{display:none;}
div div select, div div form, div div input {display:none;filter:alpha(opacity=0);
-moz-opacity:0;opacity:0;}

body {
background-color: 2e221b;
background-image: url(http://img524.imageshack.us/img524/8297/bgvq1.jpg);
background-position: top center;
background-repeat: repeat-x;
font-family: verdana;
}


</style>

<style>
.skin {
position: absolute;
background-image: url(http://img524.imageshack.us/img524/6456/skinfn3.jpg);
width: 588px;
height: 514px;
padding: 6px;
-moz-box-sizing: padding-box;
overflow: auto;
margin-left: -520px;
top: 0px;
left: 50%;
}

.main {
position: absolute;
width: 385px;
height: 312px;
padding: 6px;
-moz-box-sizing: padding-box;
letter-spacing: 0px;
line-height: 12px;
overflow: auto;
font-size: 11px;
color: a09790;
margin-left: -330px;
top: 168px;
left: 50%;
}

.heading {
font-size: 17px;
letter-spacing: -1px;
overflow: auto;
color: 4cb2ff;
}

.descri {
font-size: 11px;
letter-spacing: 0px;
overflow: auto;
color: ffffff;
}

.bar {
position: absolute;
width: 520px;
height: 25px;
padding: 6px;
-moz-box-sizing: padding-box;
letter-spacing: 0px;
line-height: 12px;
overflow: auto;
font-size: 11px;
color: 423025;
margin-left: -485px;
top: 489px;
left: 50%;
}

.align_menu {
position: absolute;
width: 450px;
height: 35px;
-moz-box-sizing: padding-box;
overflow: auto;
font-size: 10px;
margin-left: -380px;
top: 121px;
left: 50%;
}

a.button{
background: transparent url('http://img340.imageshack.us/img340/6042/butzb2.jpg') no-repeat top left; .r{}
display: block;
float: left;
font: normal 10px Verdana;
letter-spacing: 0px;
line-height: 22px;
height: 34px;
padding-left: 10px;
text-decoration: none;
}

a:link.button, a:visited.button, a:active.button {
color: ffffff;
}

a.button span{
background: transparent url('http://img178.imageshack.us/img178/4953/tonrp5.jpg') no-repeat top
right;
display: block;
padding: 6px 7px 6px 0px;
}

a.button:hover{
background-position: bottom left;
}

a.button:hover span{
background-position: bottom right;
color: abdbff;
}

.menu {
overflow: hidden;
width: 450px;
}

a:link, a:visited, a:active {
color: 614736;
}

</style>

CODE

<div class="skin"></div>

<div class="main">
<span class="heading">everything right?!</span><br>
<span class="descri">I'm so grown - I'm uptight!!</span>
<br><br>
since a few days I really lost my patience!! I don't care! they are boring and they think they're smart. well, smartASSes but nothing else...<br><br>
people tell me I'm childish and I think like this: you want to tell me I'm childish? why?! I don't understand. I mean, just because you're too stiff
and try to calculate every shit you want to do, but in the end, will not, because you aren't drunk?? huh?!<br><br>
because I will say whatever I want to, and scream if I feel after?! I know you care what other people think about you. you give a f**k about everything
your neighbors gossip about you...<br><br>
well, screw your life, stay in the lands of depression. fake your happiness infront of your local motherf**kers who try to pretend they are perfect...
if you think I'm childish, just leave me alone.<br><br>
you all come to me because I live the life you want to. you want to just go to someone and tell them their perfume smells nice or just scream...
oh! I'm sorry! I forgot, to be yourself (to still have the excuse you where drunk) - you need ALCOHOL!!
</div>

<div class="bar">
<a href="#">imprint</a>
//////////////
<a href="myspace.com">home</a> +
<a href="blog.myspace.com/aym1">blog</a> +
<a href="#">message</a> +
<a href="#">comment</a> +
<a href="#">pictures</a> +
<a href="#">friends</a> +
<a href="#">add</a>
</div>





<div class="align_menu">
<div class="menu">
<a class="button" href="myspace.com"><span>home&nbsp;</span></a>
<a class="button" href="blog.myspace.com/aym1" style="margin-left: 5px"><span>blog&nbsp;</span></a>
<a class="button" href="#" style="margin-left: 5px"><span>message&nbsp;</span></a>
<a class="button" href="#" style="margin-left: 5px"><span>comment&nbsp;</span></a>
<a class="button" href="#" style="margin-left: 5px"><span>pictures&nbsp;</span></a>
<a class="button" href="#" style="margin-left: 5px"><span>friends&nbsp;</span></a>
<a class="button" href="#" style="margin-left: 5px"><span>add&nbsp;</span></a>
</div>
</div>




<center><p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="68" width="160" align="middle" border="0" data="http://www.mp3asset.com/swf/mp3/minime.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.mp3asset.com/swf/mp3/minime.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="myid=9538181&path=2008/05/04&mycolor=0xFEFFCC&mycolor2=0x00BEED&mycolor3=0x300808&autoplay=true&rand=0&f=3&vol=100&pat=0" />
</object><br><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15Zmxhc2hmZXRpc2guY29tL3BsYXlsaXN0Lzk1MzgxODE=" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style:none;" alt="Get Music Tracks!"></a> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15Zmxhc2hmZXRpc2guY29t" target="_blank"><img src="http://assets.myflashfetish.com/images/make-own.gif" title="Create A Playlist!" style="border-style:none;" alt="Create A Playlist!"></a><br></p></center><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/CIMP/bT*xJmx*PTEyMDk5MDU*Nzg2NjAmcHQ9MTIwOTkwNTQ5NDAwMyZwPTE4MDMxJmQ9Jm49Jmc9MQ==.jpg" />

[aym]

Do you have any images for those? I couldn't find any in your code...

CODE

a.button{
background: transparent url('http://img340.imageshack.us/img340/6042/butzb2.jpg') no-repeat top left; .r{}
display: block;
float: left;
font: normal 10px Verdana;
letter-spacing: 0px;
line-height: 22px;
height: 34px;
padding-left: 10px;
text-decoration: none;
}

a:link.button, a:visited.button, a:active.button {
color: ffffff;
}

a.button span{
background: transparent url('http://img178.imageshack.us/img178/4953/tonrp5.jpg') no-repeat top
right;
display: block;
padding: 6px 7px 6px 0px;
}

Well that are the two graphics to make this mouseOVER .D

aym