奇怪的玉块重叠

Question

我正在使用Jade作为我的快递应用的模板引擎。我正在为主页面设置标题，并在布局文件的底部添加了一个块标记：

layout.jade

doctype 5
html
    head
        title= title
        link(rel='stylesheet', href='/stylesheets/style.css')

    body
        div#header
            ul#mainNav
                li: a(href='/') Home 
            ul#personNav
                li: a(href='/login') Login/ Register 
    block content

对于index.jade我有这个：

extends layout

block content
    div#mainBody
        p Hello

我正在试图找出为什么我将hello段标记与标题内联。这就是输出的样子。

https://lh5.googleusercontent.com/-wEBye5dTV0E/UhQ4pXDemZI/AAAAAAAAH4c/5FlY3PPw7_A/w968-h544-no/Screenshot+from+2013-08-20+23%3A44%3A23.png

编辑：我认为这与将块作为标题的一部分的语言有很大关系。我不知道怎么关掉它。

编辑2：抱歉，似乎我忘记了样式。你可以看到它非常轻。

的style.css

body
{
  padding: 0px;
  margin: 0px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a
{
  color: #00b7ff;
}

#mainNav li
{
    list-style-type:none;
    display:inline;
    float: left;
}


#personNav li
{
    display: inline;
    list-style-type:none;
    float: right;
}

#mainBody
{
    margin: 70px;
}