Problem with span class in FF Options

[Relentless]

Well, I'm having this big problem and it didn't happen before with using span class.

For some reason, it won't show the span class in FF.

This is how it looks in....

IE:


FF:


You can see that the span class doesn't show in FF. There's something wrong with my coding and I try to remove some stuff to see why it's occuring and I still can't figure it out. Been tryin to figure it out the past few hours and still not working.

Also, how do I make it so the links won't be bolded in the links class. I used font-weight:none; but doesn't work. =X

I'm using the coding from my layout and trying to make a new one with it. Thank you. (=

CODE

<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:300px;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
lightbluetext8,strong,.blacktext10,.nametext,div b font font, div font font u,table table table table, table table table table td.text, td.text td.text table,table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a, table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
a:link.redlink, a:visited.redlink, a:active.redlink, .orangetext15, .btext, .redbtext{visibility:hidden;}
#srch {display: none;}
body div table td form img{display:none!important;}
body { background-color: 515151;
scrollbar-face-color:;
scrollbar-highlight-color:;
scrollbar-3dlight-color:;
scrollbar-darkshadow-color:;
scrollbar-shadow-color:;
scrollbar-arrow-color:;
scrollbar-track-color:;
background-image: url('http://img261.imageshack.us/img261/1899/afbgtp2.gif');
background-repeat: repeat-y;}
body,table, td, li, p, div, textarea  
{border:0px; text-transform: none; line-height:12px; text-align: justify; font:normal 10px tahoma; color:216385; }
.text {font:normal 8px Arial; color:A4A4A4; font-weight:none; border:0px; text-transform: none; line-height:12px; text-align:justify;}
.standard b, p b, B, strong {
font-family:tahoma; font-size:10px; color:000000; font-weight:bold; border:0px; text-transform:none; letter-spacing: px;}
u, s, .stext, .sbtext, .swtext {
  font-family: Tahoma;
  font-size: 10px;
  color: 56A2BA;
  text-align: justify;}
i, em, .itext  {
  font-family: tahoma;
  font-size: 10px;
  color: 6FAFC3;
  text-align: justify;}
.btext, .itext{font-family:tahoma;  font-size:10pt; line-height:10pt; color:216385;border:0px solid FFFFFF;}
.bwtext, .rtext, .rbtext, .subhead{font-family:tahoma; color:216385;font-size:10pt;font-weight:bold;}
.stext, .sbtext, .swtext{font-family:tahoma; color:216385;font-size:10pt;}
.head11, .text11{font-family:tahoma; color:216385;font-size:10pt;}

a.links:link, a.links:visited, a.links:active {
border-bottom:1px solid;
border-color: FFFFFF;
text-align: center;
font-family: arial;
font-weight:none;
color: 6E6E6E;
text-decoration: none;
letter-spacing: 1px;
font-size: 8pt;
line-height: 18px;
color: 6E6E6E;
background-color: A4A4A4;
display: block;
}
a.links:hover {
border-bottom:1px solid;
border-color: FFFFFF;
text-align: center;
font-family: arial;
color: BDBCBC;
text-decoration: none;
letter-spacing: 1px;
font-size: 8pt;
line-height: 18px;
background-color: 686868;
background-image: url('http://img405.imageshack.us/img405/8286/hoverzs2.gif');
background-repeat: no-repeat;
background-position: right;}
display: block;
}
.title {
color: FFFFFF;
font: 8pt arial;
font-weight: bold;
letter-spacing: 0px;
padding: 0px;
background-color: 8C8989;
background-image: url('');
background-repeat:repeat;
text-align:center;
text-transform:uppercase;
border-bottom: 2px solid;
border-color:BDBCBC;
display: block;}

</style>

<div class="A&F" style="position: absolute; left:0px; top:0px; width:954px; height:900px; overflow: hidden; z-index:0;">
<TABLE WIDTH=954 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR>
        <TD>
            <IMG SRC="http://img178.imageshack.us/img178/7580/af01sg9.gif" WIDTH=954 HEIGHT=197 ALT=""></TD>
    </TR>
    <TR>
        <TD>
            <IMG SRC="http://img248.imageshack.us/img248/549/af02li0.gif" WIDTH=954 HEIGHT=273 ALT=""></TD>
    </TR>
    <TR>
        <TD>
            <IMG SRC="http://img248.imageshack.us/img248/6673/af03bz7.gif" WIDTH=954 HEIGHT=286 ALT=""></TD>
    </TR>
    <TR>
        <TD>
            <IMG SRC="http://img178.imageshack.us/img178/1217/af04pe3.gif" WIDTH=954 HEIGHT=144 ALT=""></TD>
    </TR>
</TABLE>
</div>


<div class="side" style="position: absolute; left:570px; top:473px; width:199px; height:px; overflow: auto; z-index:0;">
<span class="title">NAVIGATION</span>
<a class="links" href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
<a class="links" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=########">Add Me</a>
<a class="links" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=########">Send Message</a>
<a class="links" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=########">View Pictures</a>
<a class="links" href="href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXX">View Blogs</a>
</div>

[Relentless]

Tried all 3. I think there's something wrong with my coding and couldn't figure it out for so many hours. =X