当我们将鼠标悬停在元素上并设置其边界时,如何避免震动?

解决这个问题的通常方法是从一个透明的边框开始,然后在悬停时给边框一个颜色。

我已经用这种方法更新了你的小提琴:

http://jsfiddle.net/s3N2h/1/

CSS和JavaScript:

#my_menu li {
    border: 1px solid transparent;
}

li.hover(function() {
    $(this).css('border-color', 'white #808080 #808080 white');
}, function() {
    $(this).css('border-color', 'transparent');
});​

或者,在设置边框时,添加相同大小的负边距。