Hi all

I have created my first responsive layout with HTML 5 and CSS and all is good except in Firefox and IE 9 I cannot get the footer to stay down, it's fine in chrome. Can anyone tell me the best way to sort this please in css?

#footer { 
clear: both;
/*background: #0f3d48;  */
background: #302f2b;
font-size: 85%;
height:200px;
border-top: 2px #ffc21f solid;  
}

.footerContent{
margin: 0 auto 53px; 
width: 93.75%; /* 900px / 960px */ 
color: #ffdd6b;
}
.footerCopyRight{
margin: 12em auto; 
width: 93.75%; /* 900px / 960px */ 
color: #ffdd6b;
}


<footer id="footer">  

</footer>

Kind regards

Rob