"Fixing the Header" Fix the header and the header disappears


#1

I fixed the header in part 4 of the "Build a Resume" lesson/project, and the header disappears! I can move on to the next part of the lesson, but there's no header. Here's my code:

div {
border-radius:5px;

}

header {

z-index:1;
position: fixed;
height:100px;
background-color:#252839;
margin-bottom:10px;

}

.left {
display:inline-block;
float:left;
height:300px;
width:80%;
background-color:#677077;
margin-bottom:10px;
}

.right {
display:inline-block;
float:right;
height:300px;
width:19%;
background-color:#b5b5b7;
margin-bottom:10px;
}

footer {

clear:both;
height:100px;
background-color:#f2b632;

}


#2

your #header doesn't have any width, which is fine when static (it will inherit) but it can't do this while fixed, give your #header a width