css - この CSS ドロップダウンが IE9 で消えるのはなぜですか?

Question

私のサイト: http://www.carbonfibergear.com/ 「SHOP」メニューにカーソルを合わせると、これに基づくドロップダウン リストが表示されます。IE9 では、ショップという単語からマウスを離すと、ドロップダウンが消えてしまうことに気付きました。どうすればこれを修正できますか？

この回答で確認できるこの質問にはいくつかの更新があります (コメントを読んでください): https://stackoverflow.com/a/15622168/1464510

Answer 1

ボタンとメニューの間に IE が好まないギャップがあるように見えます.ボタンからマウスを離していると想定しています.忍者を速く動かせば、メニューに焦点を合わせたままにすることができます。

変化する：

header nav #nav-site li {
margin: 0 10px 3px 0;
}

に：

header nav #nav-site li {
padding: 0 10px 3px 0;
}

それが役立つかどうかを確認してください..マージンを含む全体のボックスサイズを計算するとき、IEは奇妙な動作をします。