css - びくびくメニュー項目

Question

css は初めてで、メニュー項目の 1 つに問題があります。ロールオーバーすると、メニュー項目が上下にジャンプします。つまり、それを引き起こすパッドまたはマージンがどこかにあるはずです。別のパッドとマージンを削除しましたが、まだびくびくしています。誰かが私が間違っていることを教えてもらえますか?

ここにコードがあります。練習エリアの上にマウスを移動し、「雇用法」と「市民権」の上をゆっくり移動すると、メニュー/テキスト ジャンプが表示されます。

ここ: http://jsfiddle.net/v4qnU/1/

Answer 1

セレクターの 1 人が#menu li:hover欲張りすぎました。Li 要素の高さを変更すると、jumoing が発生します。に変更しました#menu > li:hoverが、そのメニューにはジャンプがありません。フィドルをhttp://jsfiddle.net/ypJwz/にフォークしました