title: jQuery countdown out-of-alignment format
body: <p>I tried to implement a countdown timer to my aspx page but I got this view: <img src="https://i.stack.imgur.com/2eA2T.png" alt="countdown timer view in aspx page">
  when I place it in an empty page (html or aspx), it runs correctly. But when I place it under a form structure in .net, it crashes as indicated in the capture.</p>
  
  <p>Here is my countdown block: </p>
  
  <pre><code>&lt;div id="countdown_dashboard"&gt;
      &lt;div class="dash weeks_dash" style="display: none"&gt;
          &lt;span class="dash_title"&gt;week&lt;/span&gt;
          &lt;div class="digit"&gt;0&lt;/div&gt;
          &lt;div class="digit"&gt;0&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="dash days_dash" style="display: none"&gt;
          &lt;span class="dash_title"&gt;day&lt;/span&gt;
          &lt;div class="digit"&gt;0&lt;/div&gt;
          &lt;div class="digit"&gt;0&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="dash hours_dash"&gt;
          &lt;span class="dash_title"&gt;hour&lt;/span&gt;
          &lt;div class="digit"&gt;0&lt;/div&gt;
          &lt;div class="digit"&gt;0&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="dash minutes_dash"&gt;
          &lt;span class="dash_title"&gt;minute&lt;/span&gt;
          &lt;div class="digit"&gt;0&lt;/div&gt;
          &lt;div class="digit"&gt;0&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="dash seconds_dash"&gt;
          &lt;span class="dash_title"&gt;second&lt;/span&gt;
          &lt;div class="digit"&gt;0&lt;/div&gt;
          &lt;div class="digit"&gt;0&lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;!-- Countdown dashboard end --&gt;
  
  &lt;script type="text/javascript"&gt;
      jQuery(document).ready(function () {
          $('#countdown_dashboard').countDown({
              targetDate: {
                  'day': 10,
                  'month': 6,
                  'year': 2013,
                  'hour': 11,
                  'min': 0,
                  'sec': 0
              }
          });
  
          $('#email_field').focus(email_focus).blur(email_blur);
          $('#subscribe_form').bind('submit', function () { return false; });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Imported files in head tags are:</p>
  
  <pre><code>&lt;%--&lt;script src="jQuery-countdown/js/jquery-1.4.1.js"&gt;&lt;/script&gt;--%&gt;
      &lt;script src="jQuery-countdown/js/jquery.lwtCountdown-1.0.js"&gt;&lt;/script&gt;
      &lt;script src="jQuery-countdown/js/misc.js"&gt;&lt;/script&gt;
      &lt;link rel="Stylesheet" href="jQuery-countdown/style/main.css"/&gt;
  </code></pre>
  
  <p>Note: I commented out the first one because it effects the form tag content badly.</p>
  
  <p>How can I avoid this error?</p>