I am having trouble using a CSS menu on myspace...

[jimmyk1006]

I know myspace supports CSS but everytime I put up the menu, it does not show. The only part that shows are the words but no menu, what do I do?

Below is the menu code...this works on notepad and is viewed as a menu when you save it as an html document but not on myspace.






<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#invertedtabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#invertedtabs ul{
font: bold 11px Verdana;
margin:0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.5em;
}


#invertedtabs a{
float:left;
color: white;
background:blue url(media/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #1c1c1c;
}

#invertedtabs a:hover span{
background-color: #1c1c1c;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #blue;
}

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #00FFCC;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

</style>







<div id="invertedtabsline">&nbsp;</div>

<div id="invertedtabs">
<ul>
<li style="margin-left: 2px"><a href="http://www.myspace.com/" title="Home"><span>Myspace Home</span></a></li>
<li><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=154881154&MyToken=c033ce25-fe26-44fb-b4e8-9e2eac0a4030" title="Send Message"><span> Message Me</span></a></li>

<li><a href="http://www.testriffic.com/friendtest/3601985"><span>Latest Quiz</span></a></li>

<li><a href="" title="Coming soon!"><span>Contests</span></a></li>


<li><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=154881154" title="My Blog"><span>Blog</span></a></li>

<li><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=154881154" title=" Pictures"><span>My Pictures</span></a></li>

<li><a href="http://vids.myspace.com/index.cfm?fuseaction=vids.individual&VideoID=7794511" title="Videos"><span>My Videos</span></a></li>

<li><a href="http://www.weather.myspace.com" title="Weather"><span>Weather</span></a></li>

<li><a href="mailto:jimmyk1006@comcast.net" title="Don't have a myspace, send me an E-mail!"><span>E-mail</span></a></li>

</ul>
</div>

<br style="clear: left" />