running 2 effects one after another causes the element position to change before the second effect

running 2 effects one after another causes the element position to change before the second effect

When I run 2 effects one immediatley after the other, before the second effect happens the position of the element is changed from:

  1. position: absolute;
  2. top: 245px;
  3. left: 460px;

to

  1. position: relative;
  2. top: 0;
  3. left: 0;

This is the jQuery code I am using:

  1. function runEffects()
  2. {
  3.       jQuery(".GasTestClass").effect("shake", 250);
  4.       jQuery(".ExpiredClass").effect("bounce", 1000);
  5. }
The img element I am running the effects on:

  1. <img class="GasTestClass ExpiredClass" src="Images/Icons/Group.png" style="position: absolute; left: 460px; top: 245px; z-index: 11;">
Why does it change the positioning of the img element? Is this a bug in jQuery UI or am I soing something wrong?

I shouldn't have to position the element again after the first effect has taken place.

Thanks in advance.