试图转换水平菜单栏

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;
}