toggleClass weird reverse logic

toggleClass weird reverse logic


  1. $('.Normal').bind('mouseenter mouseleave', function() {
  2.   $(this).toggleClass('Hover');
  3. });       

The above function works fine but is causing a problem if the cursor sits over '.Normal' when the page loads; mouseover & mouseout's functionality seems to switch.
Am I doing something wrong here? (This is more noticeable in older versions of ie).

Thanks in advance