Выравнивание ссылки и кнопка отправки в FireFox

Мне нужно создать кнопку ссылки и отправки - они должны иметь одинаковый вид, и они должны быть правильно выровнены.

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/, но я хотел бы держать вещи простыми и стандартными.