css - 框被推离页面的CSS问题

Question

我的图片#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;
        }