CSS in Firefox renders extra bold within <span> element

On this website:
http://partnersdesign.net

After five seconds, the intro slide goes away and a Javascript counter appears. It is inside this element:

<span id="cntdwn"></span>

I got the counter Javascript online from someone else, but as far as I can tell it shouldn't be applying any of its own styles.

In all browsers, it looks fine, but in Firefox it is extremely bold. I tried adding this extra CSS, to no avail:

span#cntdwn{color:#000;font-weight:normal;letter-spacing:0.05em;white-space:nowrap;}

If anyone could help me understand why this is happening, I would greatly appreciate it.

Thank you!
bbdesignAsked:
Who is Participating?
 
Dave BaldwinConnect With a Mentor Fixer of ProblemsCommented:
Line 13 of the script is:

return "<b>" + s + "</b>";

Notice the Bold tags?  Since they are inline, they override the CSS.  It does the same thing in IE8, Firefox and Chrome.
0
 
bbdesignAuthor Commented:
Oh my, I can't believe I missed that. Thanks for checking!
0
 
Dave BaldwinFixer of ProblemsCommented:
You're welcome, glad to help.
0
All Courses

From novice to tech pro — start learning today.