我的图片#minecraftLogo 也是我的导航被推离页面。我不太确定为什么会这样。我在这里做错了什么？我的导航链接周围也出现了这种奇怪的颜色形成，我不太清楚为什么会这样。
body{
border: 0px ;
}
section{
border: 1px solid black;
margin-bottom: 5px;
background: #0000FF;
}
#Title{
margin-left: 180px;
margin-top: 30px;
}
#SubtitleOne{
position: relative;
border: 1px solid black;
width: 500px;
height: 130px;
margin-left: 100px;
margin-top: 120px;
font-size: 8;
}
#SubtitleTwo{
position: relative;
border: 1px solid black;
width: 500px;
height: 130px;
margin-left: 100px;
margin-top: 10px;
}
#SubtitleThree{
position: relative;
border: 1px solid black;
width: 500px;
height: 130px;
margin-left: 100px;
margin-top: 20px;
}
#Links{
position: relative;
border: 1px solid black;
width: 550px;
height: 50px;
margin-left: 25px;
margin-top: 100px;
}
nav{
position: absolute;
left: 100px;
margin-bottom: 100px;
}
#P1{
position: relative;
left: 10px;
top: -10px;
}
#MinecraftLogo{
position: absolute;
}
#YoutubeVideo{
position: fixed;
bottom: 0px;
left: 500px;
}
header{
position relative
padding: 20px;
left: 90px;
margin-top: -10px;
}
footer{
border: 3px dotted;
border-radius: 25px;
box-shadow: 0 0 15px 10px #fd38ab;
width: 400px;
height: 50px;
left: 300px;
bottom: 500px;
}