Estoy usando la etiqueta <section> y colocando el contenido entre <header> y <footer> pero no lo acepta. ¿Ayuda?

<!DOCTYPE html>
<html>
  <head>
    <link href=styles.css rel=stylesheet>
    <title>Mi Portafolio</title>
  </head>
  <header>
  <body>
    <ul>
      <li><a href=#>Acerca de</a></li>
      <li><a href=#>Trabajo</a></li>
      <li><a href=#>Contacto</a></li>            
    </ul>


    <h1>Mi Diseño Web &amp; ¡Portafolio de Desarrollo!</h1> 
    <p>Un sitio que presenta mi trabajo más reciente.</p>


    <section>
        <h2>Bienvenida</h2> 

        <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>
        <ul>
          <li><a href=#>Proyecto reciente #1</a></li>
          <li><a href=#>Proyecto reciente #2</a></li>
          <li><a href=#>Proyecto reciente #3</a></li>     
        </ul>

     </section>

    </header>

    <pie de página>
    <p>&copy; 2017 Mi Portafolio</p>
    <p>Sígueme en <a href=#>Twitter</a>, <a href=#>Instagram</a> y <a href=#>Dribbble</a></p>
    </pie de página>
  </body>
</html>