Additional CSS not being seen in FF

[Techmonkey]

I have been working on customising my new vb site over the last few days and have noticed that any CSS attributes I add in the "Additional CSS" section in the main CSS is not being applied when the site is viewed in Firefox.

Everything looks as it should at the moment in IE. The site is not finished or anywhere near, but can be viewed at www.techmonkeys.co.uk/dev2

This is the CSS I have in the Additional CSS

Here is all the additional CSS code I have added in the 2nd additional CSS box.

/* ***** Custom Code ***** */
.td_logo_header_right {BACKGROUND: #DFDFDF; WIDTH: 100%}
.tr_logo_header_right {BGCOLOR: #DFDFDF; WIDTH: 100%;}

.asap {
position: absolute;
right: 0;
top: 0;
display: block;
height: 134px;
width: 148px;
background: url(http://www.techmonkeys.co.uk/dev2/fo...asapmember.png) no-repeat;
text-indent: -999em;
text-decoration: none;}

#tm_container ( width: 920px; margin: 0 Auto;}
#tm_header { width: 100%; float: left; clear: right;}
#tm_body { width: 80%; float: left; clear: right; }
#tm_footer { width: 100%; float: left; clear: right; }

.tm_forumnav_head { font-weight: bold; font-size: 10pt; }

.vbmenu_control_row2
{
    background: #B1C373;
    color: #FFFFFF;
    font: bold 15px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    padding: 3px 6px 3px 6px;
    white-space: nowrap;
}
.vbmenu_control_row2 a:link, .vbmenu_control_row2_alink
{
    color: #FFFFFF;
    text-decoration: none;
}
.vbmenu_control_row2 a:visited, .vbmenu_control_row2_avisited
{
    color: #FFFFFF;
    text-decoration: none;
}
.vbmenu_control_row2 a:hover, .vbmenu_control_row2 a:active, .vbmenu_control_row2_ahover
{
    color: #FFFFFF;
    text-decoration: underline;
}
.tm_tborder {
width: 920px;
}
.younew {
color: #AACE48;
font-size: 25pt;
font-weight: bold;
}
.tech {
color: #AACE48;
font-size: 12pt;
background-color: #ffffff;
}
.monkeys {
color: #966334;
font-weight: bold;
font-size: 12pt;
background-color: #ffffff;
}
.forumnav {
height: 30px;
width: 920px;
background-colour: #B1C373;
}

.tm_tcat
{
background: #EBEBEB url(http://www.techmonkeys.co.uk/dev2/fo...sc/tm_tcat.gif) no-repeat left top;     
color: #f4fbfd;     

color: #FFFFFF;
font: bold 12pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.tm_title {
font-size: 12pt;
font-color: #7E7E7E;
}

.tm_recentthreads{
font-size: 12pt;
font-weight: bold;
font-color: #94C412;
}
.tm_recentthreads a {
text-decoration: none;
}
.tm_recentthreads a:hover {
text-decoration: underline;
}
tm_recentthreads_date {
font-color: #AAAAAA;
font-weight: bold;
}

It's most noticable in the fonts, the navbar, forum navbar and the Welcome block

Thanks in advance guys!

[Lynne]

How about an image of what it looks like to you in the two browsers. The css is definitely there, but I've got firefox and it looks fine to me but then I don't know what you think it should look like. (Also, check the .tm_tcat cuz you've got color in there twice.)

[Techmonkey]

Thanks for the prompt reply Lynne!

Here are the screenshots you asked for

FireFox / IE

[Lynne]

Running that through a css validator gives some errors - http://jigsaw.w3.org/css-validator/v...ning=1&lang=en Fix those and see if it helps.

[Techmonkey]

Thank you Lynne, I will go deal with those errors ad see how it goes!!!