html - ドロップダウン メニュー項目が親に整列しない

Question

このウェブサイトのメイン メニューのロールオーバー要素を揃えるのに問題があります... http://www.mattmaclennan.co.uk/a2

ロールオーバー要素は親と一致する必要があります。アイデアはありますか?

ありがとう！

Answer 1

position: relativeクラスに CSS 属性を追加するmainNav

ul#nav li.mainNav {
  display: inline;
  padding-left:15px;
  position: relative;
}
(line 44 of style.css)

Answer 2

あなたのcssをこれに変更してください...

ul#nav li.mainNav {
display: inline-block;
padding-left: 15px;
}