Html 如何修复不同浏览器中的垂直间距变化？

我有一段代码，在我的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>

我已经做了一个多小时了，我仍然不知道为什么。任何帮助都会很好，谢谢

试试看

p {
    vertical-align: top;
}

发现问题出在线路高度上

加上这个，一切都完美了

body {
    line-height: 1;
}

---

使用重置样式表。在没有对reset.css进行任何更改的情况下尝试了这个精确的reset.css，结果真的把网站搞砸了。我将在jsfiddle中尝试它，看看会发生什么。