Откуда появляются лишние теги <a>?

*{margin:0; padding:0;box-sizing:border-box;}
.body{background:rgb(42, 42, 42)}
 
/*-----------------------------*/
/* Шапка сайта все что находиться в блоке header*/
/*-----------------------------*/
.header{
  display:block;
}
.head-slid-butt-left{
  width:30px; height:400px;
  border:#000 solid 1px;
  position:absolute;
  top:100px;
}
.head-slid-butt-right{
  float:right;
  width:30px; height:400px;
  border:#000 solid 1px;
  position:relative;
  top:100px;
}
.header-slider img{width:100%; height:500px;}
.header-slider{
  overflow: hidden;          /* Благодаря этим двум строкам шапка сайта не убигает в низ,*/
  width:100%; height: 500px; /* их нельзя удалять!                                       */
}
.header-panel{
 width:100%; height:100px;
 background:linear-gradient(to top, rgba(121, 121, 121, 0.2), rgba(89, 45, 0, 0.6));
 position:relative;
 display:flex;
 top:-500px;
}
.nav-left{float:right;}
.menu-nav li{display:inline; padding-top:15}
.menu-nav a{
  text-decoration:none;
  color:rgb(226, 202, 172);
  display: inline-block;
  padding:15px 10px 15px;
  width:100px;
}
.menu-nav a:hover{
  transition: 0.5s;
  color:rgb(43, 39, 34);
  background-color:rgba(182, 111, 43, 0.72);
  text-shadow:-1px -1px 2px rgba(242, 198, 130, 0.83);
  border-radius: 3px;
}
.menu-nav ul{
  text-align: center;
  margin-top:25px;
  list-style-type: none;
  width:220px; height: 50px;
}
.menu-nav{
  width:45%; height:100px;
}
.header-logo img{height:90px;}
.header-logo{
  padding-top:5px;
  text-align: center;
  width:10%; height:100px;
}
/*-----------------------------*/