Right Divs Move Over One Position After Left Div Animates

I've four separate divs aligned in a row (floating left). Once the jQuery script runs and one of the left divs animates (whether sliding up or fading out) the remaining right divs move over one position only to return to their original place after the animation is complete. What can I do to ensure that the right divs remain in their place through the duration of the function?

Below is the CSS:

#panel1, #panel2, #panel3, #panel4{
        font-family: Arial, sans-serif;
        background: #2db34a;
        float: left;
        margin: 1.858736059%;
        padding: 20px 0;
        text-align: center;
        width: 29.615861214%;