Fyn

<style>
body{
background: #000;
    margin: 0;
    padding: 0;
       overflow-y:hidden;
  }


#main{
  background-image: url('https://i.imgur.com/Et56PdI.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height:100%;
  width:90%;
  overflow:hidden;}

 .headerbar {
     background-color:#000;
     height:50px;
     width:100%;
     position:fixed;
     top:0px;
     left:0px;
     z-index:999999;
 }


 .headerbar2 {
     background-color:#000;
     height:50px;
     width:100%;
     position:fixed;
     bottom:0px;
     left:0px;
     z-index:999999;
 }

 .headerbar3 {
     background-color:#000;
     height:100%;
     width:50px;
     position:fixed;
     bottom:0px;
     left:0px;
     z-index:999999;
 }

 .headerbar4 {
     background-color:#000;
     height:100%;
     width:50px;
     position:fixed;
     bottom:0px;
     right:0px;
     z-index:999999;
 }

 </style>

 <div class="headerbar"></div><div class="headerbar2"></div><div class="headerbar3"></div><div class="headerbar4"></div>
<div id="main"></div>