按钮问题中的绝对定位元素

Question

有一个奇怪的问题。因为我的生活无法追溯（我敢肯定，这将是一个菜鸟问题 - 只是看不到它！）

我有一个相对定位的跨度，其中绝对位置为 right:0 top: 0 bottom: 0 并且宽度为 20px....

在 chrome/safari ie9 中很好（尚未检查 7/8），但 Firefox 设置正确：-6px botom -3px...

非常难过 - 我已经找了一段时间了，树木挡住了树林......

这是页面 - 以及左侧面板中搜索表单上的按钮。

demo page

非常感谢任何帮助。

Answer 1

我用firebug快速玩了一下，发现

.panel 按钮 {height: 1.5em} (public-layout.css, line 102)

和按钮 {font-size: 0.9em}（public-tipography.css，第 60 行）

以某种方式更改布局。

Answer 2

button span {
bottom:0;
height:20px;
position:absolute;
right:0;
width:20px;
}