Can't see my footer

Hi there-I am in unable to see my footer in this exercise and I can’t figure out why. The code I have is below:

#header {
border-radius:5px;
height:50px;
width:500px;
border:3px solid black;
padding-bottom:20px;
text-align:center;

}

.left {
border-radius:5px;
height:300px;
width:200px;
border: 2px solid black;
margin-top:20px;
display:inline-block;

}

.right {
border-radius:5px;
height:300px;
width:200px;
border:2px solid black;
display:inline-block;
margin-top:50px;
margin-left:30px;
margin-bottom:-20px;

}

.header1 {
font-size:23px;
text-align:center;

.header2 {
font-size:23px;
}

#footer {
border-radius:5px;
height:20px;
width:50px;
border:2px solid black;
}

Your .heading1 is not closed

If it still doesn’t work pls paste in your HTML

http://discuss.codecademy.com/t/using-backticks-to-format-your-code/3697/11

Hello,

Im sure I have the correct code for 6 Clearing Footer, but I’m unable to move on or view my footer in the side screen. Please advise, did I over look or miss something??

#header {
border-radius: 5px;
background-color: gray;
height: 45px;
width: 100%;
position: fixed;
z-index: 1;
}

.left {
border-radius: 5px;
background-color: #48D1CC;
height: 400px;
width: 85px;
float: left;
}

.right {
border-radius: 5px;
background-color: #48D1CC;
height: 400px;
width: 85px;
float: right;
}

#footer {
border-radius: 5px;
background-color: gray;
height: 45px;
width: 100%:
clear: both;
}