如何修復不同瀏覽器中的垂直間距變化？

Question

我有一小段代碼，它在我的win7機器上以firefox，chrome和ie9的不同垂直間距進行渲染。

<div id="main-compo"> 
       <div id="divisions" class="transparent"> 
        <p><a href="#">p1</a></p> 
        <p><a href="#">p2</a></p> 
        <p><a href="#">p3</a></p> 
        <p><a href="#">p4</a></p> 
        <p><a href="#">p5</a></p> 
        <p><a href="#">p6</a> 
        <p style="border-bottom: none;"><a href="#">p7</a></p> 
       </div></div> 

http://jsfiddle.net/erea/96KBC/

，我一直在努力了一個多小時，我仍然不知道爲什麼。任何幫助將是偉大的，謝謝！

Answer 1

找到了line-height是問題。

添加了這一切，現在一切都是完美的。

body { 
    line-height: 1; 
} 

Answer 2

嘗試

p { 
    vertical-align: top; 
}