Примечание Tumblr, показывающее дополнительный пустой элемент перед буквой R

Question

Я кодирую новую тему для Tumblr и в настоящее время работаю на странице постоянных ссылок. Я хочу отобразить отдельные реблоги, лайки и ответы внизу страницы, но перед остальными заметками на странице продолжает отображаться дополнительный пустой элемент списка. Он также игнорирует стили, которые я сделал для элемента списка, который я создал в CSS.

Вот как выглядит страница.

Вот 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, и он работал нормально.