Html 对齐下拉菜单'；s CSS

我目前正在开发一个纯css多级下拉菜单，我一辈子都不知道如何让下拉菜单自动对齐到父菜单的左侧

这是一个屏幕截图

这是css

/*---------HEADER MENU---------*/
#header .content ul.menu li ul{
  display: none;
  margin: 0;
  float: left;
  padding: 0;
  position: absolute;
  z-index: 200;
}
#header .content ul.menu li ul li{
 position: relative;
 top: 20px;
 margin: 0;
}
#header .content ul.menu li:hover > ul{
 display: inline;
 float: left;
 width: 125px;
}

#header .content ul.menu li ul li li{
 width: 125px;
 float: left;
 position: absolute;}

/*---------VISITORS MENU---------*/
#block-menu-menu-visitors .content ul.menu{
  z-index: 200;
}
#block-menu-menu-visitors .content ul.menu li{
 padding: 2px 15px 2px 15px;
 display: inline-block;
 float: left;
 background-color: #ffff90;
}

#block-menu-menu-visitors .content ul.menu li:hover{
 padding: 2px 15px 2px 15px;
 float: left;
 display: inline-block;
 background-color: #ffffaa;
}

这里是HTML/PHP

这将把我拥有的任何“header”元素（在本例中是一个菜单）放在主菜单部分的正下方

---

任何帮助或推动正确的方向都会有帮助！谢谢

首先，我将尝试添加

列表样式类型：无列出项目，因为这将删除这些元素的自然缩进。
我认为

#header .content ul.menu li:hover > ul{
display: block;
float: left;
width: 125px;
}

可能有用。如果没有添加html，我可以给你正确的答案。本。
你试过左：0px或不同的
显示：
值？是的，我尝试了这两种方法，但都不管用。你能提供页面的HTML吗？我添加了HTML/php。我不确定它是否有用，因为我使用的是Drupal7，菜单来自GUI