css - 1つのアイテムがCSSの位置と一致していません（ただし、他のすべてのアイテムは一致しています）

Question

1つを除いて、すべてのhtml要素が必要な場所に配置されており、なぜそれが例外である必要があるのか​​わかりません。関連性のない部分を除外するために切り取られたcssは次のとおりです。

body {
position:relative;
}

ul {
position:absolute;
list-style:none;
margin:0px;
padding:0px;
}

li: {
position: relative;
top: 90px;
display: block;
height: 80px;
}

#track_title {
    position:absolute;
    top: 1px;   
    left: 80px;
    font-size: 15px;
    font-weight: bold;
}

<ul>
<li>
<img src="image.png">
<h2 id = "track_title">Title</h2>
<h3 id = "artist_name">Name</h3>

ただし、スクリーンショットからわかるように、タイトルは親liの上部から1px以上表示されています。私は間違って何をしていますか？

Answer 1

h2およびh3要素にはデフォルトのマージンとパディングがあります。固定値で設定する必要があります。