css - ホバー時にページ メニューがジャンプする

Question

2 番目のメニューにカーソルを合わせると (そこにあります: http://justxp.plutohost.net/survive/index.html )

アイテムが跳ねています。

パディング付きの背景を追加すると、それが必要ですが、ジャンプではなく、表示されるはずですか？

私のコード:

HTML + CSS は次の場所にあります。

http://pastebin.com/cbLDRefB

ありがとう。

Answer 1

ジャンプしないために、ホバー時に要素のサイズを変更しないでください

あなたが持っている

.nav6 a:hover {
    padding: 21px;
}   

そのため、すべてのリンクにパディングを追加する必要があります:hover

.nav6 a {
    padding: 21px;
}