在R之前显示额外空白元素的Tumblr笔记

Question

我正在为Tumblr编写一个新主题，目前我正在处理固定链接页面。我想显示下面的各个reblog，喜欢和回复，但页面会在其余的笔记之前显示一个额外的空白列表元素。它也忽略了我在CSS中创建的list元素所做的样式。

This is what the page looks like.

这是CSS：

.pagenotes{
    float:left;
    width:700px;
    height:auto;
    padding:15px;
}

ol.notes{
    float:left;
    width:100%;
    font-size:16px;
}

ol.notes li.note{
    background:{color:Post Color};
    margin:5px;
    padding:5px;
    list-style-type:none;
}

ol.notes li.note img.avatar{
    vertical-align:middle;
    margin-right:5px;
}

这是HTML：

<div class="pagenotes">
    {block:PermalinkPage}
        {block:PostNotes}
           <li>{PostNotes-16}</li>
        {/block:PostNotes}
    {/block:PermalinkPage}
</div>

出了什么问题，我该如何解决？

更新：我将li标签更改为ol并且工作正常。