Nav Bar, overlapping ! ! Options

[oomamasitaxx]

I made a new nav bar but it overalps the other words..why is it doing that?

<!-- begin code provided by createblog.com --><br /><div style="z-index:5; background-color:; position:absolute; top:125px; left:50%; margin-left:-395px; width:790px; height:15px;" align="center"><font color=><b>my one nd only . . .</b></font><br><br /><br /><a href="http://home.myspace.com/index.cfm?fuseaction=user&Mytoken=" target="_blank"><font color=white>Tu Casa</font></a> <br /><font color=black>♥</font><br /><a href="http://invite.myspace.com/index.cfm?fuseaction=invite&Mytoken=" target="_blank"><font color=white>Invite Me</font></a> <br /><font color=black>♥</font><br /><a href="http://rank.myspace.com/index.cfm?fuseaction=RateImage.rate&Mytoken=" target="_blank"><font color=white>Rank Me</font></a> <br /><font color=black>♥</font><br /><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.inbox&Mytoken=" target="_blank"><font color=white>Mail Me</font></a> <br /><font color=black>♥</font><br /><a href="http://favorites.myspace.com/index.cfm?fuseaction=user.favorites&Mytoken=" target="_blank"><font color=white>My Favs</font></a> <br /><font color=black>♥</font><br /><a href="http://music.myspace.com/index.cfm?fuseaction=music&Mytoken= " target=""><font color=white>Musica</font></a> <br /><font color=black>♥</font><br /><a href="http://groups.myspace.com/index.cfm?fuseaction=groups.categories&Mytoken=" target="_blank"><font color=white>Groups</font></a><br /><font color=black>♥</font><br /><a href="http://browseusers.myspace.com/Browse/Browse.aspx?z=1&Mytoken=" target="_blank"><font color=white>Browse</font></a><br /></div></style><br /><br /><!-- end code provided by createblog.com -->

Is there something wrong withthe code?

here is my myspace so u can see what i mean...Myspace