title: .animate() works in Firefox, Chrome, and IE9 but not IE10 (Jquery 1.8.3 and 1.9.1)
body: <p>EDIT: FIXED: Thanks for everyone's help.</p>
  
  <p>The problem turned out to be this orphan line in the CSS code:</p>
  
  <ul>
  <li>{ transition: all 0.2s ease; }</li>
  </ul>
  
  <p>Removing this line fixed the problem</p>
  
  <p>Original Post:</p>
  
  <p>I've just starting coding after a 10 year hiatus.  I am trying to get some code to work to animate a menu from the middle to top of the page.  It works in Firefox, Chrome, and IE9 but is broken in IE10.  I've tried both JQuery 1.6.3 and 1.9.2 with no resolution.</p>
  
  <p>Edit: The menu hover works fine in IE10.  By broken, I mean that the menu does not animate in IE10.  There are no javascript errors in the console in IE10.  The click does get captured fine in IE10, since window.location.href does change to appointments.html properly.</p>
  
  <p>Snippet:</p>
  
  <pre><code>&lt;header id="menubar" style="top: 496px; left: 80px; width: 1360px;"&gt;
    &lt;ul id="surnav"&gt;
      &lt;li class="menu-hover"&gt; &lt;a href=
        "index.html"&gt;Home&lt;/a&gt; &lt;/li&gt;
      &lt;li id="appointments" class="menu-hover"&gt; &lt;a href=
        "#"&gt;Appointments&lt;/a&gt; &lt;img src="norwood_files/snav-arrow.png" width="10" height="5" /&gt;
        &lt;ul class="submenu"&gt;
          &lt;li&gt;Emergencies&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>$(document).ready(function () {
  
  if (document.URL.indexOf("index.html") &gt;= 0) {
      $("#menubar").css("top", "496px");
      $(".menu-hover").on({
          click: function () {
              $("#menubar").animate({
                  top: '50px'
              }, "easing:swing");
          },
          mouseenter: function () {
              $(this).children(".submenu, img").fadeIn(250);
          },
          mouseleave: function () {
              $(this).children(".submenu, img").fadeOut(250);
          }
      });
  
      $("#appointments").on({
          click: function () {
              $("#appointments-bkg").animate({
                  top: '-14px'
              }, "easing:swing", function () {
                  window.location.href = "appointments.html"
              });
          }
      });
  
      $("#financial").on({
          click: function () {
              $("#financial-bkg").animate({
                  top: '-14px'
              }, "easing:swing", function () {
                  window.location.href = "financial.html"
              });
          }
      });
  }
  });
  </code></pre>
  
  <p>Thank you!</p>