tengo un problema con la cabezera de mi pagina
buenas noches... describo el problema tengo una pagina wed desarrollada en html y css. tengo la parte del navegador(titulo y 5 botones,declarados en codigo #menu) y la parte del body.(.header2) lo que deseo que me apoyen es que cuando suba la barra de desplazamiendo hacia arriba la parte del body suba por abajo del navegador, pero que no se vea las letras del body....cuando baje toda la barra de desplazamiento.. <html> <head> <meta charset="utf-8"> <title>san jacinto </title> <style> <!-- <link rel="stylesheet" href="css/estilos.css"> --> #menu { background-color:black; } #menu ul{ list-style:none; margin:0; padding:0 ; } #menu ul li { display :inline-block; } #menu ul li a{ color:white; padding: 20px 80px; text-decoration:none; } #menu ul li a:hover{ background-color:#42B881; } #titulo { padding: 10px 80px; background-color :navy } .item-r{ float: } <!-- para el centrado del contenido header2 ve la altura y ancho segun la letra de la cabezera--> .wrapper { width:80%; max-width:1000px; margin:auto; } .header2 { position: fixed; height: } .header2 { line-height:15px; font-size:20px; } </style> </head> <body> <header class="header2"> <!-- titulo --> <div id="titulo" style="padding:20px"> <p style="color:white;"align="center"><big> SAN JACINTO LA CIUDAD DEL AZUCAR </big></p> </div> <!-- navegador --> <div id="menu" style="background-color :BLACK;color:white;padding:30px;"> <ul> <!-- los enlaces --> <li style ="display:inline;"><a href="http://sanjacintodistritodenepenaancash.blogspot.com/2015/04/hacienda-san-jacinto-distrito-de-nepena.html" target="_blank">Historia</a> </li> <li style ="display:inline;"><a href="http://lohermosodeladanza.blogspot.com/p/los-caneros-de-san-jacinto.html" target="_blank"> folklore </a> </li> <li style ="display:inline;"><a href="https://www.