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>

[freeflow]

So in FF is the bolding the only difference or the font too? Problem for me is I don't have IE so I can't really tell the difference etc.


For the bolding problem try:

font-weight: normal;
text-decoration: none;

Any of those two.

[Relentless]

Oh it's normal. lol. Well, the bolding part is fixed but not my span class title isn't. =X

In IE (showed pic in post), its suppose to look like that. But in FF it doesn't, it just has the word navigation on it. Any help?

[freeflow]

Holy shiza I'm blind. Try adding span before .title . Ex would be span.title. Or try changing it to like h1 or h2 . If none of that works I'll go look it up.

[Relentless]

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

[freeflow]

Fixed. You made an error in your coding. You added a } where it didn't belong. In the hover link part.

New code:

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]

Ahhh thank you! Jeeze, all those hours, i've been taking out & taking in codes ( and redid all the coding once ) but than it was just one of the } that doesn't belong.

Thanks Toya. (= This can be closed.