Black space on top of new HTML5 page, will not go away even if I yell at it.

Don't know why there is a black space at the top of my new CSS document. I tried putting margin and padding to none on all selectors, but no change! This has to be simple and I'am not seeing it here? Thanks in advance my friends.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
 
<style>
html,body {background:black;margin:0 auto;height:100%;width:100%;color:white;}
.header {background:blue;position:fixed;width:100%;}
.navigation li {display:inline-block;}
.home {height:100%;background:yellow;}
 
</style>
 
</head>
 
<body>

Syndicate content