Html 尝试对箭头定位进行排序时，菜单会跳转

我一直在做一个新的菜单，我快到了，但是箭头现在不在悬停的区域，当我尝试用填充等方式对它排序时，它会使菜单在悬停时跳转

以下是当前代码：

CSS:

span.arrowdown{
边框颜色：#307AEF透明；
边框样式：实心；
边框宽度：7px；
左：7px；
位置：相对位置；
顶部：19px；
z指数：100；
}
#菜单li.圆角：悬停{
背景：无重复滚动0 0#e4；
边界半径：5px 5px 5px；
z指数：20；
垫底：0px；
}
#菜单li.圆角：悬停a
{
}
#菜单里{
边界：中等无；
浮动：左；
左边距：14px；
利润上限：3倍；
填充：5px13px0px；
位置：相对位置；
z指数：5；
}
#菜单li：悬停
{
背景：无重复滚动0 0#e4；
边界半径：5px5px0；
z指数：5；
}
#菜单李a{
字体系列：Arial、Helvetica、无衬线字体；
字号：17px；
颜色：#eeeeee；
显示：块；
文字装饰：无；
垫底：6px；
垫面：1px；
位置：相对；}

HTML:

---

有人能帮忙吗？

你可以试试这个，但我不知道它在IE7中是否有效

span.arrowdown {
    border-color: #307AEF transparent transparent;
    border-style: solid;
    border-width: 7px;
    float: right;
    margin: 6px 0 0 6px;
}

---

你可以试试这个，但我不知道它在IE7中是否有效

span.arrowdown {
    border-color: #307AEF transparent transparent;
    border-style: solid;
    border-width: 7px;
    float: right;
    margin: 6px 0 0 6px;
}

---

锚上的

位置：相对

和跨度上的

位置：绝对

是标准路径。但现在我又回到了我遇到的另一个问题。现在，如果您查看同一页，箭头位于悬停区域之外。当我试图纠正这一点时，当你悬停时，菜单开始在整个地方跳跃。我知道有一个简单的解决方案，但一直在兜圈子<代码>位置：锚上的相对位置和跨度上的绝对位置是标准路径。但现在我又回到了我遇到的另一个问题。现在，如果您查看同一页，箭头位于悬停区域之外。当我试图纠正这一点时，当你悬停时，菜单开始在整个地方跳跃。我知道有一个简单的解决方案，但一直在兜圈子！对稍微调整一下，它似乎能工作。我使用了：span.arrowdown{边框颜色：#307AEF透明透明；边框样式：实心；边框宽度：7px；浮点：右；边距：10px-5px 0 4px；}是的！稍微调整一下，它似乎能工作。我使用了：span.arrowdown{边框颜色：#307AEF透明透明；边框样式：实心；边框宽度：7px；浮点：右；边距：10px-5px 0 4px；}