Slider arrows move positon?

http://221.121.134.34/~marinemates

Can you tell my why the position of the arrows are slightly moving (up/down a few pixels) between slides in the Slider that belongs as a part of the Beaver Builder widgets?

I have one style for the position of these and yet it keeps moving and should stay in the same position?

/* arrow controls for slider */
.bx-wrapper .bx-prev {
position: absolute!important;
width: 24px!important;
height: 43px!important;
text-indent: -9999px!important;
border: 0px none!important;
top: 20%!important;
background: url(“http://221.121.134.34/~marinemates/wp-content/uploads/2015/02/slider-btns.png”) no-repeat scroll 0px 0px transparent!important;
left: 10px!important;
background-position: 0px 0px!important;
}
.bx-wrapper .bx-prev:hover {
background-position: 0px -46px!important;
}
.bx-wrapper .bx-next {
position: absolute!important;
width: 24px!important;
height: 43px!important;
text-indent: -9999px!important;
border: 0px none!important;
top: 20%!important;
background: url(“http://221.121.134.34/~marinemates/wp-content/uploads/2015/02/slider-btns.png”) no-repeat scroll 0px -27px transparent!important;
right: 30px!important;
background-position: -27px 0px!important;
}
.bx-wrapper .bx-next:hover {
background-position: -27px -46px!important;
}

Hi Anita! On my end, the arrows seem to be staying put. What browser are you experiencing this issue on?

Firefox (latest)

Hmm, I am not experience that on Firefox either. Just to confirm, are you talking about the main slider with the circle-shaped images?

I would guess this is happening because the slides have varying height and it’s expanding the height of the container. You could experiment with adding a min-height rule to the container.