Html Firefox填充忽略绝对位置？

请看这里，“服务”链接是以下代码：

<li class="expandable">
    <a>Services <span class="dropdown-arrow"></span></a>
    <div class="dropdown">
        <div class="inner">
        ...
        </div>
    </div>
</li>

它的父级，

nava

，具有以下特性：

.nav a {
    display: inline-block;
    line-height: 0;
    padding: 50px;
    color: #12A19A;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
}

---

与

服务

链接相比，检查链接高度。它们看起来不同，因为存在

。下拉箭头
。删除跨距后，填充将恢复为使链接具有相同的高度，但不应如此，因为跨距设置为“位置：绝对”，并且不应影响其父对象的尺寸。在FirefoxV36上测试。我错过了什么
 span是一个内联元素，因此高度不应起作用，您可以尝试添加
显示：内联块

看看这里
我真的不知道你的问题是什么

但也许；将此区域“

您还可以将
嵌套在
标记中，使其成为outter元素。在这里添加一个包装器div，以在选择器样式方面实现更大的稳定性和灵活性

<div class="dothis"><a>Services <span class="dropdown-arrow"></span></a></a>

到

我尝试了
块
和
内联块
，都没有任何效果。问题是什么？检查链接高度，与
服务
链接进行比较。由于链接中插入了span（
.dropdown arrow
），它们看起来有所不同。删除跨距后，填充将恢复为使链接具有相同的高度，这不应该发生，因为跨距设置为position:absolute，并且不应该影响其父级的尺寸。这是因为浏览器默认设置为span标记！奇怪的问题和奇怪的解决方案。非常感谢。
<div class="dothis"><a>Services <span class="dropdown-arrow"></span></a></a>

.dothis { 
   display: // whatever the problem
   max-height: 20px; // set the max height if issue
   line-height: 1;
   vertical-align: text-top; // I don't know what your doing, but you get the idea
   /// all your styles
}

nav a - line-height: 0;

nav a - line-height: normal;