Html 对子菜单

我试图在图像中对齐子菜单，但即使我在模板中找到了代码，我仍然坚持使用它

---

根据所选内容，仅移动带边距或顶部值的箭头图像。

能否更具体地说明您想要实现的目标第二个子菜单（鼓、贝斯、吉他等）的箭头必须与“跟踪”对齐。请看图片。谢谢。弹出子菜单的图像是一个框还是一个框和箭头？如果背景图像“bg_sub2”是整个框和箭头，则必须向下推整个框，使箭头对齐。或者你可以创建一个绝对定位的元素taht只是一个小箭头，然后根据你选择的菜单来移动它。选项一更容易，但可能看起来不像你需要的那么好。Kierchon你给了我正确的想法，我刚刚移动了箭头以匹配“跟踪”语音菜单。不再需要移动所有的子菜单，但我想知道为什么我使用position:relative移动箭头；顶部：价值；而不是整个盒子。既然这是我第一次在这里寻求帮助，我怎么能给你们补充一点呢？谢谢

/* sub sub menu*/
.sf-menu ul ul {
    position: absolute;
    top: -999em;
    padding: 32px 0 21px;
    background: #c7c7c7 url('../images/bg_sub2.jpg') 0 0 repeat-x;
    -webkit-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.2);
}