试图在水平菜单栏上移动

Question

我正在this site 上做一些工作，我一直在尝试让顶部的菜单居中。 该站点的相关 CSS 是 here，并且您可能会看到，菜单的突出显示很奇怪，并且当鼠标悬停在下拉菜单一侧时，箭头会移动。 我所做的改变是：

覆盖这个：

#superfish-inner .menu, #superfish-inner .menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

到这里：

#superfish-inner .menu, #superfish-inner .menu * {
  margin: 0;
  padding-left: 18px;
  list-style: none;
}

还有这个：

#superfish-inner .menu ul {
  position: absolute;
  top: -999em;
  width: 15em; /* left offset of submenus need to match (see below) */
}

到这里：

#superfish-inner .menu ul {
  position: absolute;
  top: -999em;
  width: 8.4em; /* left offset of submenus need to match (see below) */
}

我最初并没有设计这个网站，而且我也不是 CSS 专家，所以我想知道是否有人能指出我哪里出错了？

Answer 1

#superfish-inner .menu li:hover {
    background: none;
    visibility: inherit;
}