Help with FlipClock jquery plugin/app

Help with FlipClock jquery plugin/app

I am using the FlipClock, and the example one works fine on my browsers...

I put it on my website and it looks like this: (I took a screen shot)

see how it is not lined up right? I tested it in every popular browser, same thing. Not lined up right.

I even renamed the div, incase there was something else messing with it, so I made it a off the wall name, so that no way was something else using it. Same thing.

I don't know what else to try and do.

I made sure the css was in the head tag before the js, the js was before the css before, someone elsewhere suggested I change the order. I did, but same thing.

This is on a wordpress site, but I added the code to the head instead of just in the main content html... like this:

  1. <head profile=""> <script src=""></script> <script src="/js/compiled/flipclock.js"></script> <link rel='stylesheet' href='/js/compiled/flipclock.css' type='text/css' media='all' /> </head>

Obviously there was a lot more stuff in the head, I just copied those between the head tags... and then in the HTML I put the other code:

  1.  <div class="clock"></div> <script> var clock = $('.clock').FlipClock("[php] echo time() - $_StartingTime;[/php]"); </script>

Can someone tell me what I did wrong, or how to fix it?

btw, here is the HTML that the php page outputs:

<div class="clock"></div> <p><script language="JavaScript"> var clock = $('.clock').FlipClock("6447");</script></p>

So the php does put the time right, but even if I remove the "" around the starting time, because their sample does not have any quote marks at all, it still does this. I added the "" marks to see if it fixed it, but it did not.

I hope someone knows what is wrong. I've been working on this for like 18 hours now. I'm about to give up and just make it use text instead of this nice interface.

Thanks in advance if you can help me. :) -Richard