html - 我的 CSS 代码有什么问题？

Question

下面的 HTML 代码在 chrome 中看起来不错，但在 firefox 中看起来不太好(标题和链接之间的距离与 chrome 中的不一样)...有人知道如何优化它吗？

它应该是这样的(Chromium 屏幕截图):http://i.imgur.com/R6DZk.png
这是它在 Firefox 中的样子:http://i.imgur.com/18SmK.png

这是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 中会更容易:

<div id="main">
<h1>Title</h1>
    <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>

然后在 css 中:

h1 { font-family: 'Vollkorn', serif; font-size: 26px; font-weight: bold; }

但这并不能正常工作:/

Answer 1

在我的机器上，我没有看到 Chrome 和 Firefox 之间的标题和正文间距有任何差异，但我使用的是 IE。因此，我为 h1 标签添加了额外的 css 样式。

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

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