title: jQuery don't work well with Internet Explorer 8
body: <p>I found a clock plugin on the Internet, but it doesn't work with IE8. Why?</p>
  
  <p>Code: <a href="http://solutionsbr.uphero.com/projeto/" rel="nofollow">http://solutionsbr.uphero.com/projeto/</a></p>
  
  <p><em><strong>JavaScript Code</em></strong></p>
  
  <pre><code>       $(function() {                                         
  
              if ($("#sec").length &gt; 0) {
                  setInterval(function() {
                      var seconds = new Date().getSeconds();
                      var sdegree = seconds * 6;
                      var srotate = "rotate(" + sdegree + "deg)";
                      $("#sec").css("transform", srotate);
  
                  }, 1000);
              }
  
              if ($("#hour").length &gt; 0) {
                  setInterval(function() {
                      var hours = new Date().getHours();
                      var mins = new Date().getMinutes();
                      var hdegree = hours * 30 + (mins / 2);
                      var hrotate = "rotate(" + hdegree + "deg)";
                      $("#hour").css("transform", hrotate);
  
                  }, 1000);
              }
  
              if ($("#min").length &gt; 0) {
                  setInterval(function() {
                      var mins = new Date().getMinutes();
                      var mdegree = mins * 6;
                      var mrotate = "rotate(" + mdegree + "deg)";
                      $("#min").css("transform", mrotate);
                  }, 1000);
              }
          });
  </code></pre>
  
  <p><em><strong>Solution</em></strong></p>
  
  <p>Use another WebBrowser, the rotate property of IE8 sucks. If someone need more information about that, look here <a href="http://coding.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/" rel="nofollow">Internet Explorer 8 Rotate</a>.</p>