對齊鏈接並在FireFox中提交按鈕

Question

我需要創建鏈接和提交按鈕 - 它們應該具有相同的外觀，並且它們應該正確對齊。

HTML：

<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; 
} 

的jsfiddle：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/