Animation Counter only working on mozilla...

In a customer site ( www.frutasyverduras.info ) I have modified the header animation to show only a text and the counter.

It shows nice on Firefox but not on webkit based, opera or iexplore.

It simple don´t use the override.css customization and takes the gkstuff.css values instead.

Any idea what I am doing wrong ?

THanks for your time.

On Mozilla I can see only this http://d.pr/i/MwY and any animation there. Am I looking in wrong place ?
By the way Opera and IE are not webkit browsers, full list of browser using webkit you can find here http://trac.webkit.org/wiki/Application ... g%20WebKit

Hmmm... this a link that this forum editor inserted when i attached an image.
the url is www.frutasyverduras.info

But now ( I just was to quote when I saw your reply ) its solved. Problem seems ( weird thing ) in the way that mozilla and the other engines render the css. I explain:

Putting the border-radius and color in gk-jscounter > div its enough for Mozilla but for the others it overrides with .gk-jscounter > div > strong ( what it seems more logical ). So I put some !important to css properties and modify .gk-jscounter > div > strong and .gk-jscounter > div > small.

Another weird thing is that seems that both classes in override.css are override by the same class in style1.css so I have to modify this file too. ????

This is working for me now, but if maybe this info is useful for you in order to check if is a bug in your template or maybe its only in my script and css overloaded system.

Anyway thanks for your support and your time. I have another little trouble but I am going to make a new post to be organized.

C.U.

If some of your rules are overrided by styleX.css please just use !important declaration. Of course browser render CSS rules different (in some cases) and probably this cause all your problems.