在火狐中对齐链接和提交按钮

Question

我需要创建链接和提交按钮 - 它们应该具有相同的外观，并且应该正确对齐。

目录：

<input class="foo" type="submit" value="I'm submit">
<br />
<a class="foo" href="">I'm link</a>

.CSS：

.foo {
border: 0px;
margin: 0px;
padding: 0px;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
background: none;
color: blue;
text-decoration: none;
cursor: pointer;
}

杰斯菲德尔：http://jsfiddle.net/BB6tN/1/

它们在Chrome中看起来很棒，但是在Firefox中它们被几个像素错位（尚未在其他浏览器上测试过）。任何建议，如何解决这个问题或达到类似的结果？这是一个解决方案：http://jsfiddle.net/hf66g/但我想保持简单和标准。

Answer 1

试试这个：

input::-moz-focus-inner { border:0; padding:0 }

小提琴：http://jsfiddle.net/BB6tN/2/