Html 我的CSS代码有什么问题？

下面的HTML代码在chrome中看起来不错，但在firefox中却没有那么好（标题和链接之间的距离与chrome中的不同）…有谁知道如何优化它吗

这就是它的外观（铬屏幕截图）：
这是firefox中的外观：

这是css代码：

        html, body {
        height: 100%;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }
    body {
        background-image: url(background.png);
        background-repeat: repeat;
        background-position: top left;
    }
    #main {
        font-family: 'Raleway', sans-serif;
        position: absolute;
        left: 190px;
        top: 240px;
        font-size: 26px;
    }
    #title {
        position: absolute;
        left: 180px;
        top: 110px;
        font-family: 'Vollkorn', serif;
        font-size: 26px;
    }
    a:link, a:visited {
        text-decoration: none;
        font-family: 'Raleway', sans-serif;
        color:  #000000;
    }
    a:hover {
        text-decoration: underline;
    }
    ::-moz-selection { 
        background: #fe57a1; 
        color: #fff; 
        text-shadow: none;
    }
    ::selection { 
        background: #fe57a1; 
        color: #fff; 
        text-shadow: none; 
    }

这是html代码：

    <div id="title">
    <h1>Title</h1>
</div>
<div id="main">
    <ul>
    <li><a href="">Link</a></li>
    <li><a href="">Link</a></li>
    <li><a href="">Link</a></li>
    <li><a href="">Link</a></li>
    <li><a href="">Link</a></li>
    <li><a href="">Link</a></li>
    </ul>
</div>

---

但这并没有起到应有的作用：/

这可能是一个线路高度问题。尝试设置标题和主div的行高。

在我的机器上，我看不到chrome和firefox之间标题和正文的间距有任何差异，但我支持IE。因此，我为h1标记添加了额外的css样式

h1 {
padding: 0px;
font-family: 'Vollkorn', serif; 
font-size: 26px; 
}

---

这似乎有助于间距更加一致。

您应该通过将UL元素的填充和边距设置为零来删除它们

ul{
  margin:0;
  padding:0;
}

---

您还可以使用CSS重置代码在大多数浏览器上轻松获得相同的视图。

可能需要查看一个新的浏览器。虽然浏览器通常具有相同的页边距、边框等默认值，但它们有时不具有相同的默认值（这会给您带来一些奇怪的情况，因为它们的设置没有被您自己的样式覆盖）。在许多情况下，标准化可能比重置要好，因为您不必重新声明重置中删除的所有样式。是一个很好的起点；他们详细解释了normalize.CSS CSS重置，但是我认为这是一个很好的解决方案：D正如前面提到的，我认为问题在于标题没有包含在主标记中，我定义了两次标题和主标记的位置，这是不必要的：D但是作为一个css初学者，我没有足够的技能来自己修复它：（好的，试试另一个人说的，在你的css主文件上方添加一个broser重置文件。Yahoo做一个好的css重置文件。

h1 {
padding: 0px;
font-family: 'Vollkorn', serif; 
font-size: 26px; 
}

ul{
  margin:0;
  padding:0;
}