La barra de navegación no se muestra en la página web

No estoy seguro de dónde está mi navegación. cuando abro usando Google Chrome o IE, la página web no tiene barra de navegación. ¿Por qué es esto y qué debo arreglar?

html

css

 #content { width: 50em; margin: 0 auto; padding: 40px 0; } ul#nav { position: relative; list-style: none; margin: 0; padding: 0; } ul#nav li { position: relative; float: left; display: inline-block; padding: 8px 5px 3px 5px; background-color: #FFF; text-decoration: none; padding: .2em 1em; } 

¿algunas ideas? Nota: estoy tratando de ubicar el navegador en la parte superior de mi página web. También lo he colocado en un encabezado, ¿podría simplemente estar debajo de él?

css para encabezado

 .main-header { overflow: hidden; left: 0; height:150px; width: 100%; background-color: black; padding: 0px; margin-left: 0px; position: absolute; top: -50px; } 

Solo elimina la parte superior: -50 px

y agrega esto

 html, body{ margin:0; padding:0; } 

y su encabezado debe comenzar en la esquina superior izquierda del lado