html - サブナビ移動

Question

水平サブメニューを持つナビゲーションを作成しました。何らかの理由で、サブメニューをロールオーバーすると、上部のナビゲーションが移動します。

http://jsfiddle.net/pgorski/2kBru/ - サブメニューは製品リンクにあります。

サイトを検索しましたが、答えが見つかりませんでした。

Answer 1

border: 1px solid transparent;リンクに追加

デモ

Answer 2

これは、ボーダーがタグに設定されているためです。各境界線は、使用した元のタグよりも 1 ピクセル多く生成されることに注意してください。そのため、マウスを置いたときのタブは元のタブよりも大きくなります。境界線を削除してテストしてみてください。