下拉菜单项不与父项对齐

Question

我无法在本网站上对齐主菜单的翻转元素... http://www.mattmaclennan.co.uk/a2

翻转元素应该与父母一致，任何想法家伙？

谢谢！

Answer 1

将CSS属性position: relative添加到课程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;
}