title: jQuery UI bounce effect aligns elements left in Firefox and IE8
body: <p>There is an issue with JQuery UI's bounce effect in both Firefox and IE8 or lower. IE9, Chrome, and Safari render the bounce effect properly. Any ideas what is causing this?</p>
  
  <p>The problem is exhibited in Firefox and Chrome. The popup asks if you received an invitation. In Firefox/IE8 the box jumps to the left-hand side when it bounces.</p>
  
  <p>Here is the jQuery that is running the bounce:</p>
  
  <pre><code>            if ($.readCookie('noticehidden') == null)
              {
                  $('#notice').show('drop', { direction: 'left' }, 2000)
                  .data('bounceinterval', setInterval(function ()
                  {
                      $('#notice').effect("bounce", { times: 3, distance: 10 }, 300);
                  }, 5000));
                  $('#dismissnotice').click(function (e)
                  {
                      clearInterval($('#notice').data('bounceinterval'));
                      $('#notice').hide('drop', { direction: 'right' }, 2000);
                      $.setCookie('noticehidden', 'true', { duration: 365 });
                      e.preventDefault();
                      return false;
                  });
              }
  </code></pre>
  
  <p>I am using jQuery 1.4.4 and jQuery UI 1.8.6</p>