Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 563
  • Last Modified:

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!
0
Brad Bansner
Asked:
Brad Bansner
  • 2
1 Solution
 
Dave BaldwinFixer 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
 
Brad BansnerWeb DeveloperAuthor 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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now