无法删除标头上的边框

Question

我正在尝试删除标头周围的边框（蓝色），但无法 请帮助我，请找到附件中的snpashot [border.jpg]，需要在蓝色标题之前删除红色边框，在浏览器中的css截面中，我看到边框崩溃了

我不需要蓝色标题周围的标题

html {
  height: 100%;
  width: 100%;
}

body {
  background-color: red;
  width: 100%;
  height: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-style: none;
}

header {
  color: white;
  height: 10%;
  width: 100%;
  background-color: blue;
  margin: 0;
  padding: 0;
  border-spacing: 0 border-collapse: collapse;
  border-style: none;
}

header h1 {
  float: left;
  padding: 0;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
  border-style: none;
}

header ul {
  float: right;
  padding: 0;
  padding: 0;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

<header>
  <div class="container">
    <div id="logo">
      <h1>ACME WEB DESIGN</h1>
      <nav>
        <ul>
          <li><a href="">Home</a></li>
          <li><a href="">Hostel</a></li>
          <li><a href="">Company</a></li>
        </ul>
      </nav>
    </div>
  </div>

</header>

<section>
</section>
<footer>
</footer>