Eso es porque, a parte de que el `body` no tiene contenido como tal, a `#header-nav` le has puesto un `top: 0` Intenta ponerle un `top: 50px` por ejemplo y verás como ya puedes ver el `background-color: white` que le has puesto al `body` ¡Ojo! Al body, le he puesto `color: green` porque con `color: white` y `background-color: white` no verías la diferencia. <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-css --> body { font-size: 15px; font-family: sans-serif; background-color: white; /*background-image: url(/image/background_image.jpg); background-repeat: no-repeat;*/ color: green; } html { -webkit-margin: 0; } /*HEADER*/ #header-nav { background-color: black; position: absolute; left: 0; right: 0; top: 50px; -webkit-margin: 0; } <!-- language: lang-html --> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <h1>contenido del body</h1> <div class="container"> <nav class="navbar navbar-brand" id="header-nav"> <a> <img src="css/image/logo_prueba.png" width="100" height="100" class="d-inline-block align-top" alt=""> <div class="d-inline-block align-top "> <h1>Transervice ADG</h1> <p>Genios en servicio</p> </div> </a> </nav> </div> </body> </html> <!-- end snippet -->