I\'m animating the width of a li element using jQuery in a simple snippet of code. I\'m using hover() as the handler and .animate() to ani
li
hover()
.animate()
I changed your css: ul.nav li a, adding float: right to it and that fix the shake.
ul.nav li a
float: right
Anyway if it helps, I had the same problem when animating height of a div within another div with height:auto. Changing the height to a fix width solved it.
Hope it helps.