有人有任何想法爲什麼這段代碼不適用於Firefox？

這個code適用於我想要的鉻，但它不適用於Firefox。有人有任何想法爲什麼這段代碼不適用於Firefox？

ul { 
    list-style:none; 
} 

li { 
    display:inline-block; 
    border:1px solid black; 
} 

a { 
    display:block; 
    margin:10px; 
} 

a:hover { 
    position:relative; 
    top:-2px; 
    color:red; 
}

和

<ul> 
    <li><a href="#">Hi there</a></li> 
    <li><a href="#">Hi there</a></li> 
    <li><a href="#">Hi there</a></li> 
    <li><a href="#">Hi there</a></li> 
    <li><a href="#">Hi there</a></li> 
</ul>

的問題是，在Firefox，而不是移動文本2 PX起來，它的動作邊境的兩個像素下來。我怎樣才能解決這個問題？

如果不知道的話，請提出另一個版本，這個版本在文本里面會有相同的效果。

來源

2011-11-20 Karine