Navbar error Options

[Anubis450]

Ok so i made a simple rollover td navbar but it seems to be interfering with my background image and not showing up
This is the about me code:

CODE

<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:transparent; border:0px; }
body {
background-color:rgb(255,255,255);
}
.nav {
width:805px; height:30px; position:absolute; left:50%;
top:96px; margin-left:-351px; border:0px solid rgb(0,0,0);
background-color:transparent;
z-index:; }
.nav td { padding:0px 0px 0px 0px; }

.nav a {
width:115px; height:30px; border:0px solid rgb(0,0,0);
background-position:0px 0px;
display:block; }

a.navhome:link, a.navhome:active, a.navhome:visited { background-image:url('http://i157.photobucket.com/albums/t51/ANUBIS450/home1.png'); display:block; }
a.navhome:hover { background-image:url('http://i157.photobucket.com/albums/t51/ANUBIS450/home2.png'); display:block; }

a.navgroup:link, a.navgroup:active, a.navgroup:visited { background-image:url('http://i157.photobucket.com/albums/t51/ANUBIS450/groups1.png'); display:block; }
a.navgroup:hover { background-image:url('http://i157.photobucket.com/albums/t51/ANUBIS450/groups2.png'); display:block; }

a.navblog:link, a.navblog:active, a.navblog:visited { background-image:url('http://i157.photobucket.com/albums/t51/ANUBIS450/blog1.png'); display:block; }
a.navblog:hover { background-image:url('http://i157.photobucket.com/albums/t51/ANUBIS450/blog2.png'); display:block; }

a.navmail:link, a.navmail:active, a.navmail:visited { background-image:url('http://i157.photobucket.com/albums/t51/ANUBIS450/mail1.png'); display:block; }
a.navmail:hover { background-image:url('http://i157.photobucket.com/albums/t51/ANUBIS450/mail2.png'); display:block; }

a.navmusic:link, a.navmusic:active, a.navmusic:visited { background-image:url('http://i157.photobucket.com/albums/t51/ANUBIS450/music1.png'); display:block; }
a.navmusic:hover { background-image:url('http://i157.photobucket.com/albums/t51/ANUBIS450/music2.png'); display:block; }

a.navvid:link, a.navvid:active, a.navvid:visited { background-image:url('http://i157.photobucket.com/albums/t51/ANUBIS450/videos1.png'); display:block; }
a.navvid:hover { background-image:url('http://i157.photobucket.com/albums/t51/ANUBIS450/videos2.png'); display:block; }

a.navsearc:link, a.navsearc:active, a.navsearc:visited { background-image:url('http://i157.photobucket.com/albums/t51/ANUBIS450/search1.png'); display:block; }
a.navsearc:hover { background-image:url('http://i157.photobucket.com/albums/t51/ANUBIS450/search2.png'); display:block; }

.background {background-image:url('http://i157.photobucket.com/albums/t51/ANUBIS450/background-3.jpg');
position:absolute;left:50%;top:80px;margin-left:-380px;width:858px;height:1024px;z-index:2;overflow:none;repeat:no;}
</style>

I'd like to meet section

CODE

<div class="background"></div>

<div class="nav">
<table cellspacing="0" cellpadding="0"><tr>
<td><a class="navhome" href=""></a></td>
<td><a class="navgroup" href=""></a></td>
<td><a class="navblog" href=""></a></td>
<td><a class="navmail" href=""></a></td>
<td><a class="navmusic" href=""></a></td>
<td><a class="navvid" href=""></a></td>
<td><a class="navsearc" href=""></a></td>
</tr></table>
</div>

and if you need a link heres my profile link*test profile that is*
Here