jQuery image slider buttons are repositioning themselves

Question

I have an AnythingSlider (jQuery image slider) at Connected Ventures and, when the page loads, the two central navigation buttons (active and inactive slide) move up about 10px after a second. I have scrutinised the code for any conflicting margins or positioning but can't see anything wrong.

The AnythingSlider works fine the other site that it's being used and I even copied and pasted the code from the anythingslider.css of this page to the page with the problem, but it didn't fix it.

I'm out of ideas, any suggestions?

Thank you

Answer 1

I think it's a top margin that isn't being cleared. Try adding this css:

div.anythingSlider .anythingControls ul {
  padding: 0;
  margin: 25px 0 0 329px;
}

Answer 2

Have you tried setting the height of the div? E.G?

$('#slider').anythingSlider({height: 308});

Answer 3

Try to change the height of your anything slider to 308px, that will work fine I guess.

 <div class="anythingSlider anythingSlider-default activeSlider" style="width: 620px; height: 308px;">