JQuery Shake UI problem

Question

Using jQuery UI's shake effect causes element to run over to the newline, shake, and then run back. I tried changing the position css, etc, but short of hacking it, I feel like there is a normal, elegant solution.

http://jsfiddle.net/ShhER/6/

I want to say it's a bug, but it's probably not...any ideas?

Answer 1

The element being animated should be block level, or have display: block explicitly on it.

I set display: block, and then adjusted the label's css accordingly. It worked fine.

jsFiddle.

Answer 2

I found that jQuery adding wrapper to the element with class ui-effects-wrapper So adding this css solved my problem.

.ui-effects-wrapper {
        display:inline;
    }