title: Countdown with jCounter offset by 1 hour in IE9 and Safari
body: <p>I'm trying to implement a simple countdown timer to a specific date. I'm using the <a href="http://devingredients.com/jcounter/" rel="nofollow">jCounter</a> jQuery plugin, and I believe I have everything working just fine, except that in Safari and IE9, the date is off by 1 hour. The date I'm counting down to is "08 March 2015 06:00:00" - ie. this Sunday at 6am. I'm not positive, but what I suspect is happening is that those two browsers are taking into account the Daylight Savings Time change that's happening this weekend, but I could be wrong.</p>
  
  <p>Here it is on Codepen:
  <a href="http://codepen.io/flysi3000/pen/myGrYG" rel="nofollow">http://codepen.io/flysi3000/pen/myGrYG</a></p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="clock"&gt;
                  &lt;ul id="counter"&gt;
                      &lt;li&gt;
                          &lt;p class="textHours"&gt;hours&lt;/p&gt;
                          &lt;p class="hours"&gt;00&lt;/p&gt;
                      &lt;/li&gt;&lt;!--
                      --&gt;&lt;li&gt;
                          &lt;p class="textMinutes"&gt;minutes&lt;/p&gt;
                          &lt;p class="minutes"&gt;00&lt;/p&gt;
                      &lt;/li&gt;&lt;!--
                      --&gt;&lt;li&gt;
                          &lt;p class="textSeconds"&gt;seconds&lt;/p&gt;
                          &lt;p class="seconds"&gt;00&lt;/p&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt; &lt;!-- end clock --&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>#counter ul {
      list-style: none;
      padding: 0;
      width: 100%;
  }
  
  #counter li {
      display: inline-block;
      padding: 0 20px;
  }
  
  #counter .hours,
  #counter .minutes,
  #counter .seconds {
      font-size: 4.875em; 
      font-weight: 700;
      line-height: 1;
  }
  
  #counter li p {
      font-weight: 700;
      margin-bottom: 22px;
      line-height: .5;
  }
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>var theDate = "08 March 2015 06:00:00";
  $("#counter").jCounter ({
                  twoDigits: "on",
                  date: theDate,
                  format: "hh:mm:ss",
                  timezone: "EST",
              });
  </code></pre>
  
  <p>My php isn't up to the task of changing the plugin's dateandtime.php file - does anyone have any suggestions as to how I might fix this?</p>
  
  <p>Edit: I'm okay with not getting this solved in time for the countdown on Sunday am, but I'm still interested in knowing how to solve it for my own education.</p>