Why are my images moving from jQuery UI bounce effect?

Question

I just want the bounce effect to be on the mouseover of the #bounce1,2,3... images on the homepage, but it seems to be forcing images to the next line.

What gives?

Answer 1

You'll want to add this to your style sheet.

#fp_brands a .ui-effects-wrapper { 
float: left !important; 
width: 33% !important;
}

The ui-effect-wrapper div that jquery-ui uses in it's animations can sometimes mess up floated elements. This is because it's css rules include width: 100%; and float: none;