一个项目与CSS定位不一致（但所有其他项目都不一致）

我所有的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>

正文{
位置：相对位置；
}
保险商实验室{
位置：绝对位置；
列表样式：无；
边际：0px；
填充：0px；
}
李:{
位置：相对位置；
顶部：90px；
显示：块；
高度：80px；
}
#曲目标题{
位置：绝对位置；
顶部：1px；
左：80px；
字体大小：15px；
字体大小：粗体；
}


标题
名称

然而，正如你从截图中看到的那样，标题距离其父li的顶部有1倍多的距离。我做错了什么

---

h2和h3元素有默认边距和填充。您应该将其设置为固定值